Hosting a webmap for free - QGIS2web 03 | burdGIS

Here's the third video of the series on how to make your own webmap. You can check out my efforts here:
burdgis.epizy.com
If you make your own webmap please post a link in the comments! There might be prizes abound for the best webmaps ;-)
Here's a link to my patreon account if you'd like to support the channel / burdgis
And here's a link to the info on the DNS hold ups you might experience with Infinity Free hosting:
infinityfree.net/support/why-...
If you enjoyed this video you can support the channel and buy me a coffee using this link:
paypal.me/burdGIS
🌐 Visit our site 🌐
www.burdgis.com
🌐 Take an online GIS course 🌐
www.udemy.com/an-introduction...
🌐 Find us on facebook 🌐
/ burdgis
Use coinbase as the home for your crypto-currency:
www.coinbase.com/join/5c6d098...

[@malcolmafonso1353]

Watched the whole series on web maps. Thank you very much for the detailed walkthrough. Also, your responses to some of the comments were beneficial to clear some of the doubts that emerged. Will be implementing this shortly. Thank you once again. Waiting for the next video.

[@burdGIS]

Glad you like them! :-)

[@tahmidanam6391]

wonderful. wishing your more webgis videos including search option, graph etc

[@benjamingkato8738]

Thanks a lot for the video.🙌

[@4ZaKing]

Great video, appreciate the effort!

[@burdGIS]

Thanks Martin. I hope your web mapping goes well and share the link here or @burdgis on twitter. It'd be great to see what you're building.

[@Wildlifeimpulse]

Nice video! Not sure if it's easy, but maybe include in future videos how to incorporate a map in WordPress or Wix. Guess it's just adding the html code to a designated block on your website and make sure you upload all the files (?)...

[@HealingHavensASMR]

Useful, many thanks

[@rajneeshramdohur3725]

Really Nice Video and appreciate the explanations very Much.

[@burdGIS]

You are welcome!

[@evaniltonpires2238]

Really good series. Very intuitive and funny... no ice left to break. Just a quick question: isn't there a way to add elements to the webmap, such as scale bar, text label, north arrow, etc.? Also, do you have experience (this is probably a silly question) with the use of web service layers and hosting those in your webmaps? Regards and best wishes

[@burdGIS]

Hi Evanilton, thanks for watching. Yes you can add elements to the map. It depends how you're using QGIS2Web but with leaflet you can add all sorts. Check the leaflet documentation. For WMS have you tried just connecting in your Q map and then running the plugin? Let me know how you get on!

[@ztengineering4803]

How difficult is making a simple map app with basic features and ability to query simple things like location of House Number-xxx

[@user-se5wp2rx8q]

help me a lot, thank you

[@burdGIS]

I'm glad it helped Michael :) Thanks for watching and I'd love to see what you build!

[@soulquesthealingmusic2307]

I made the QGIS map, made the web map with QGIS2Web and it looked good. When I uploaded it to InfinityFree, I can only see the Tools on the left side, and the collapsed layers icon top right side. The rest of the map is a white page, blank. Anyone have any ideas how to fix this and see all the map data? Thanks.

[@burdGIS]

Can you share the URL of the map too? It can be helpful to use the web browser development tools to see what's happening when the page tries to load.

[@dougbruggeman5203]

really great video!! one of my layers was too big to be uploaded. do you know a work around besides creating smaller layers?

[@burdGIS]

Hi Doug, thanks for the question. This sounds like a limit from your webhost. What is the limit for for file uploads and is it feasible to change host?

[@sibujacob977]

How can i add to an existing drone image , data such as a gimbal pitch value . Thank you in advance

[@burdGIS]

An existing drone image sounds like a raster. You could add gimbal pitch to a metadata file or possibly the exif. What are you trying to do?

[@tinashe_musodza9122]

im trying to host my web map that i created on Qgis but when i upload the CSS folder it transfers 25/29 files and it says "the upload failed:404/ Not found" how can i fix that?🥺

[@burdGIS]

Check with your host. Perhaps there's a limit on space?

[@davidesmbetti]

Hi, thank you very much for the tutorial. I have a problem at the end, When I open the .html I can't see the image, neither the one with the georeference and the one that I add later like you did in the video. I see the square and the sorgent of the file but the image Is all white. Can you help me out? Appreciate your work man!

[@burdGIS]

Hi Davide. It sounds like the web app is having difficulty find the image. Try opening up the browser tools (web developer) and seeing what address is being used for the images.

[@UkuleleBobbyKemp]

Hey that's Fantastic thanks 🙏 BurdGIS ! Just been thru this step-by-step and all working nicely... 🙏 Thanks again, Bobby 🐭

[@burdGIS]

Glad to hear it Bobby. Do you have any mappy ukelele tunes?

[@UkuleleBobbyKemp]

@@burdGIS Working on new stuff atm matey - let's keep in touch and I'll hopefully sort you out with something in the not-too-distant... B 👊

[@burdGIS]

I've been working on new stuff too. If you've any interest in LiDAR data you can check out the new video here kzbin.info/www/bejne/rGaThKSofMmmY6c

[@cmlosaria]

Hi can you do a tutorial how to add useful charts or widget (filters, etc?)

[@burdGIS]

Hi Charlemange. I see you found the hosting vid :-) To create a dashboard you'd need to look further into web development (CSS HTML and JS).

[@connicks7398]

Great video and very useful, it certainly helped me. I was wondering how to add a legend and allow users to add/remove layers on the web map and if there was a tutorial for this anywhere?

[@burdGIS]

Glad it helped! If you're using leaflet you can findd the docs here: leafletjs.com/reference-1.7.1.html

[@connicks7398]

@@burdGIS Thanks, I will take a look.

[@Wincow]

Thank you very much, this worked perfectly. I'm only running into one issue: When I click "show me where I am" in the webmap I get an error message: "Geolocation error: Only secure origins are allowed". I some variation of this error message whether I try in google chrome, safari, or firefox. Any recommendations? I was hoping to see my location relative to the points in the webmap. Thank you!

[@burdGIS]

Thanks wincow. Have you searched for the error message you're getting to see if it's a known problem?

[@burdGIS]

This looks related. stackoverflow.com/questions/45647202/how-to-solve-only-secure-origins-are-allowed Is your website running on HTTPS or http?

[@Wincow]

@@burdGIS Thanks for getting back to me. It's http. Is there a way to make it https when you create your new account in InfinityFree? Sorry, not very knowledgeable about this stuff.

[@burdGIS]

I'm really not sure. It might be worth searching for a hosting provider with free https if InfityFree don't offer it. You can get free certificates to set up https now using LetsEncrypt but it requires some set up.

[@diandradossantosmoura5270]

Olá. Quando estou fazendo upload das pastas, aparece a mensagem "upload failed 404", não sei o que fazer, a página não aparece o mapa, apesar de aparecer a mãozinha de movimentar a página

[@burdGIS]

Really hard to know without knowing more! 🙂

[@niemiejsca.nonplaces]

Very informative. Thank you! I'd appreciate a video about managing and updating efficiently this kind of maps. Should export all files again and put them on my website? Or there is any other way round?

[@burdGIS]

Thanks for the question Wojciech. Yes, reuploading will work. If you have data that needs updating frequently it is probably better to use a datatbase. I haven't looked at this plugin's capabilities beyond simple static maps.

[@niemiejsca.nonplaces]

@@burdGIS Thank you! That's what I thought.

[@sulcishikingbike6981]

hi, i have problem when uploading files said "error inftp unpload"

[@burdGIS]

thanks for the message. I'm not familiar with the error message but it sounds like a problem with the site. Have you tried their help / support pages?

[@MrTiarley]

is there a way to update the files automatically? for example if I change the attribute table in my qgis project? thank you in advance, it has already helped me a lot!

[@burdGIS]

Hi Tiago, you'd need to have your data in a database (like PostgreSQL with PostGIS) for that to work. I'm not sure how QGIS2Web deals with DB connections but it would be interesting to look into.

[@burdGIS]

And, as the author of the plugin states in this Stack Exchange answer, you'd probably need geoserver too ;) gis.stackexchange.com/questions/300208/qgis2web-and-keep-the-data-in-database

[@Chenshi00]

can you make a video about not hosting a map but a wms service?

[@burdGIS]

Check out the latest video on @MapTiler Chenshi (kzbin.info/www/bejne/hHzShXWCraqobNk)

[@aslcankaya1742]

I have a problem, my photos size is too big, I wanna give them a fixed size. How can I do it, if you can help me i will be so happy. thanks for the video,it was so helpful

[@burdGIS]

Thanks Aslican. You could resize the images on disk. It might also be possible to set a field in the attribute table as max height or max width. I found a tool for Windows machines that allows you to resize images very quickly. www.microsoft.com/en-us/p/resize-image/9p87m9tknkvl

[@aslcankaya1742]

@@burdGIS oww okey thats so helpful, thanks for giving ur time :) i was trying to do online resize but yes an windows app is more safe

[@denglishiu]

I wonder if there's a problem with QGIS2Web? I followed all the same steps but my map shows up as a blank page.

[@burdGIS]

Thanks Dan. Does it show as a blank page on your localhost or only when you upload to an online host?

[@denglishiu]

@@burdGIS No. I'm on Mac. I double click index.html and the map opens perfectly in both Safari and Chrome. When I upload to InfinityFree, go to my website, it's blank.

[@burdGIS]

Thanks for the further info Dan. That sounds like a problem with the upload to InfinityFree rather than QGIS2Web. If it shows correctly on the localhost then it's possible for it to work on a remote host. I believe sometimes sites can take a few hours to work on InfinityFree. Have you inspected the page using development tools in your browser or tried another hosting platform?

[@borismartinovic2074]

Is there a way to embed this in a razor view?

[@burdGIS]

I've not worked with razor before but there's no reason why it wouldn't work.

[@uekihunter752]

Wow do you have a tutorial from scratch?

[@burdGIS]

Hi Ueki, thanks for watching and check out the playlist for how to build this from scratch. If you're stuck just let me know. kzbin.info/www/bejne/gZXVk2iDhNZ_hpY

[@mapmatics8715]

How do I resolve the problem of primary key not set on the website

[@burdGIS]

Thanks for the comment. How soon after setting up were you trying to load the site?

[@burdGIS]

And do you have the url?

[@mapmatics8715]

@@burdGIS The second day. I have the website . It was actually at the point of uploading the folder to the website that the error came up. the error is : The Upload Failed: Session key not set

[@burdGIS]

Thanks @MapMatics. I'm really not sure. Perhaps take it up with the site owners. They have a support team. Is your site working?

[@mapmatics8715]

@@burdGIS I think it is working. the website is Nazarenes.epizy.com. Are there setting that I need to do before loading the map?

[@sulcishikingbike6981]

Not, but Yesterday i can uploaded, today didn't uploading nothing..

[@burdGIS]

Did you get this working yet?

[@sulcishikingbike6981]

@@burdGIS it's ok now..the site works. Can you said me how can I introduce an tool bar in laterale side.. with layer selections.. and link for a other my internet site?..

[@richardvickery2873]

Hi Oliver, With your help I have produced my first webmap (vickgis.42web.io ) showing photographs I took on a walk I did in the Peak District last Wednesday. When using Google Chrome I get a security message saying this is a 'dangerous' site - I guess this is because it is an http site rather than https. I note you site is at epizy.com, is this beacuse you havetaken out a subscription to infinity. Thanks for your help Richard

[@burdGIS]

Hi Richard. Fantastic maps and thankyou for sharing them. Is it okay if I include them in a future video? As for infinity I don't have a paid account with them but yes, security issues will be due to https

[@richardvickery2873]

@@burdGIS Hi Oliver Feel free to use the web maps. I have put another one on today. Richard