Тёмный

Make a webmap with QGIS - QGIS2Web 02 | burdGIS 

burdGIS
Подписаться 11 тыс.
Просмотров 53 тыс.
50% 1

The second video tutorial of three to walk you through creating a webmap with QGIS. In this video we look at making a localhost webmap with our QGIS project.
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...

Опубликовано:

 

30 сен 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 71   
@salmon82
@salmon82 2 года назад
You got me there in 4:29 when he said that's it. Thank you for this tutorial.
@burdGIS
@burdGIS 2 года назад
No problem Lalaine. Have you made a webmap?
@Wildlifeimpulse
@Wildlifeimpulse 4 года назад
Another nice video, definitely looking forward to the last part of the series!
@burdGIS
@burdGIS 4 года назад
There's only one left! I'm a bit torn on using AWS though
@Wildlifeimpulse
@Wildlifeimpulse 4 года назад
@@burdGIS in the past I only used Google maps for some kind of webmap on my website. I'm not an expert in website building, but always nice to look for new things.
@burdGIS
@burdGIS 4 года назад
@@Wildlifeimpulse Google maps is incredibly useful. Do look into leaflet though. It's very lightweight and a great library to explore what's possible with webmapping.
@victoriaoyekan
@victoriaoyekan 2 года назад
Great tutorial!
@burdGIS
@burdGIS 2 года назад
Glad you liked it Victoria!
@felcydavid8468
@felcydavid8468 Год назад
Thank you so much. This exercise worked well!
@burdGIS
@burdGIS Год назад
Good stuff felca. Did you make a webmap?
@stickyda
@stickyda 3 года назад
Hi man, great video and really well explained. Two questions: [1] is it possible to create tabs with different information within the popup and [2] is it possible to include a download button where the user can directly download the specific information (e.g. instead of viewing your image the user can directly download the image). Thx a lot!
@imcarto
@imcarto 4 года назад
thanks
@edujacque
@edujacque 3 года назад
Thanks for the video.....Very useful. I dont know much about codes, but I will try!. Thanks
@burdGIS
@burdGIS 3 года назад
Good stuff! Trying things out is a great way to learn.
@antoinefrt8710
@antoinefrt8710 3 года назад
Thanks for the video. For those who want to change the pictures size, it's possible to add the size instruction on the code line as following : \
@burdGIS
@burdGIS 3 года назад
Thanks Antoine! 🙂
@bencampbell3095
@bencampbell3095 4 года назад
Great video & thank you for the walkthrough. Inspired me to start my own project. I'm wondering if you were able to get to the bottom of why the popup marker was displaying off to the right upon initial click? I am experiencing the same issue.
@burdGIS
@burdGIS 4 года назад
Thanks for your kind comments Ben. Post a link if you have one for your prroject. I'll happily mention it in a video. As for the stray marker / pop up alignment I seem to recall this is a leaflet problem. It may also be browser related but I'll look into it.
@robinbwebb
@robinbwebb 4 года назад
Great tutorial - many thanks! What version of QGIS were you using at the time? Using QGIS v3.12.0 I can import the photos but the Click Photos toolbar tool no longer displays the image viewer. Looking at the path attribute, the last folder in the path has a \ instead of a / delimiter. I have corrected this and can view the image thumbnail from the attribute table but cannot get the "Click Photos" tool to work (takes no action on clicking the photo) or "Tool Tips" tools to display the photo, having set it to display the photo on mouse hover (displays an empty photo frame). Just wondering if this is an issue specific to v3.12.0 or if I am doing something wrong.
@burdGIS
@burdGIS 4 года назад
Thanks for the feedback Robin. I was using 3.4 (I like the LTR). I'll try this out with 3.12 and see what's what. I believe qgis2web was updated recently too.
@viktorraichev1306
@viktorraichev1306 4 года назад
Its quantum, baby!
@burdGIS
@burdGIS 4 года назад
Hey Viktor. You win comment of the month! :) See the end of this video and claim your swag: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-OsgZSlv4t-U.html
@leahbrueggeman7090
@leahbrueggeman7090 3 месяца назад
Are you going to make a video showing hosting on Github and AWS? Please Please!
@burdGIS
@burdGIS 3 месяца назад
Could do! Which one would you like first?
@cmlosaria
@cmlosaria 3 года назад
Hi great video, possible to create a dashboard like add charts, filter widgets? How to host this online and not just local?
@burdGIS
@burdGIS 3 года назад
Yes it's possible to create charts etc. It would require more work on the front end with javascript etc. Check the other videos in the playlist to see how to host this online.
@eduardodelabanda5380
@eduardodelabanda5380 3 года назад
Great channel man. Im trying to make a webmap but my .svg images don't appear on the export map How can I fix this? Thank you, big fan of your videos
@burdGIS
@burdGIS 3 года назад
Thanks Eduardo. Svg images used as symbols for points etc? I'm not sure how map2web handles them but you might need to upload them to the server manually. Check the leaflet docs for handling Svg too. This could make a good bonus video 🤔
@selenacampbell8357
@selenacampbell8357 2 года назад
Hey! Great video! I have an issue where my basemap does not appear in the preview nor the map export. All that I can view are the points. Do you have a fix for this?
@burdGIS
@burdGIS 2 года назад
Hi Selena. I ran into this problem myself just the other day when using a Bing basemap. I tried switching to another basemap (xyz tiles google satellite) and it worked fine.
@RiccardoKlinger
@RiccardoKlinger 4 года назад
You should definitely checkout the latest filter export option for leaflet based webmaps!
@burdGIS
@burdGIS 4 года назад
Sounds exciting 😀 This video could do with an update to showcase the hard work of Tom C and co
@RiccardoKlinger
@RiccardoKlinger 4 года назад
burdGIS here is one as part of my QGIS training videos ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yYe-r8n-MR8.html
@burdGIS
@burdGIS 4 года назад
Nice thanks for sharing :)
@aleilpazzo92
@aleilpazzo92 3 года назад
Great tutorial! I have a problem with the white box does not fit the picture. Do you know how to do it? Thanks
@burdGIS
@burdGIS 3 года назад
Thanks Alessandro. Is the picture too big? You may need to resize pictures before uploading. If you can send a screenshot that be great at www.burdgis.com/contact
@aleilpazzo92
@aleilpazzo92 3 года назад
@@burdGIS Thank you so much for your answer! I've already resized the pic, but the white box does not adapt to the pic. Do I have to change any code in the HTML? Thanks a lot
@burdGIS
@burdGIS 3 года назад
Hi Alessandro. Is the site live? It would be easier to trouble shoot if I could see what's happpening. You might also want tto cheeck using your browser web dev tools and inspect the element of the pop up box. Try and figure out what is determining its size and make sure your images are the expected px x px sizing looking at the file properties.
@Gi851
@Gi851 3 года назад
hi. are there a limit of mb in sending this information to the web? (google translate, sorry)
@burdGIS
@burdGIS 3 года назад
There shouldn't be. But the larger the files the longer the load time
@gerrry24
@gerrry24 3 года назад
If we wanted to have web map sourcing live data how would we do this?
@burdGIS
@burdGIS 3 года назад
Thanks for the question gerard. One way to do this would be to have the data in a database. You could also look at using something like geoserver. It usually depends on the use case.
@aungthurahein5472
@aungthurahein5472 3 года назад
I followed your tutorial. All completely smooth. thanks. But on web map, my fotos are extremely big. how should i fix that?
@burdGIS
@burdGIS 3 года назад
Thanks Aung. It's probably easiest to resize the pictures themselves. I found a program (picture resizer for Windows) or something similar and you can right click the file and resize it.
@aungthurahein5472
@aungthurahein5472 3 года назад
@@burdGIS thanks for your kind reply. Some page don't reply, really appreciate! Actually, i don't know how to do that. As my photos are taken from drone, they are quite bit and pop-up with huge content. I tried to look for some solutions and google it. All doesn't fit.
@burdGIS
@burdGIS 3 года назад
This is the one I use www.bricelam.net/ImageResizer/
@zephyrhamid7196
@zephyrhamid7196 4 года назад
my pics are really zoomed in.... is there a solution for it?
@burdGIS
@burdGIS 4 года назад
Picture size! If you resize your pictures this will make them smaller. It has the added benefits of faster loading and taking up less space on the server. There's probably a way to do it with leaflet too (max-width property or similar)
@guysainsbury5454
@guysainsbury5454 2 года назад
Hi. Great video, thanks. When I click 'Create web map' I get a Python error relating to ' TypeError: cannot unpack non-iterable NoneType object'. I've limited the number of layers that are ticked to a single points layer and a Google Maps XYZ tiles layer. I have removed two attributes in the points layer that were set to 'null' by inserting some text. No luck. There is something wrong with my data, but I'm not sure what it is or how to find id. Are you able to suggest what the problem might be?
@burdGIS
@burdGIS 2 года назад
Hi guy, thanks for the detailed error report. It's tough to know what might be wrong here but if you'd like to send me a copy of the offending layer I could dig a little deeper.
@guysainsbury5454
@guysainsbury5454 2 года назад
@@burdGIS Sure. How should I send it to you? Thanks.
@burdGIS
@burdGIS 2 года назад
You could use the processing tool "package layers"
@rahulsharma-vs3pk
@rahulsharma-vs3pk 4 года назад
Can we add more things after creating the website...plz make a vedio over it ...and tell how we add more features in created website
@burdGIS
@burdGIS 4 года назад
You could work more with your QGIS project, output again and reupload your files. It will overwrite anything you had there before
@rahulsharma-vs3pk
@rahulsharma-vs3pk 4 года назад
@@burdGIS any vedio u have made for it...if made then share link..if not then plz make
@burdGIS
@burdGIS 4 года назад
Thanks Rahul. Just go back to the first step. Use QGIS2Web to output your project and upload the new files to the server.
@rahulsharma-vs3pk
@rahulsharma-vs3pk 4 года назад
Can we create a dynamic website with the help qgis
@burdGIS
@burdGIS 4 года назад
You could add a map like the one produced by QGIS2Web to a dynamic website (see here www.burdgis.com/blog/map/let-wildlife-work-for-us/) but in terms of adding data etc through a website you'd likely need a framework to build a fully dynamic site along with a geoserver. Check out Flask. It's all the rage ;-)
@simonestagnitta101
@simonestagnitta101 3 года назад
I cannot find the _demo folder. Any tip?
@burdGIS
@burdGIS 3 года назад
Hi Simone, the _demo folder is unique to my computer. It's just where I chose to save the output files. You can choose to save yours anywhere on your computer.
@simonestagnitta101
@simonestagnitta101 3 года назад
@@burdGIS Thank you for your answer. I understood and solved it. It works expect the fact that Qgis2web uses different symbology than of used in qgis. I don't know why and how to fix this. Any idea, please?
@burdGIS
@burdGIS 3 года назад
Glad to hear you got it working Simone. Qgis2web has some limitations on what it can do. This will depend on the provider used. You'll be able to find out more on the Qgis2Web site here: github.com/tomchadwin/qgis2web
@user-mg7rv7fb5s
@user-mg7rv7fb5s 2 года назад
How can I add my QGis project in my site?
@burdGIS
@burdGIS 2 года назад
Hi, you can create your project, run QGIS2web and then upload the files to your site! :-)
@user-mg7rv7fb5s
@user-mg7rv7fb5s 2 года назад
@@burdGIS thanks for your answer. I run the HTML of my archive of qgis2web in my site but the result is only a white page. Why it happens this?
@burdGIS
@burdGIS 2 года назад
Does it work if you try and open the html file locally?
@burdGIS
@burdGIS 2 года назад
Also run your developer tools in the browser to find out more information about what might be going wrong.
@user-mg7rv7fb5s
@user-mg7rv7fb5s 2 года назад
@@burdGIS yes this works
@EMarcisz32
@EMarcisz32 2 года назад
it is a good video, but I simply don't like those "effects" of zooming in and out, it's rather distracting and definitely not necessary. Unfortunately so many thinks that adding all those fancy/flying/cut offs is needed to make their video attractive *____*
@burdGIS
@burdGIS 2 года назад
Thanks for watching and for the feedback! I tend to find static videos do less well. Many viewers find it helpful to get a better view of which options, buttons, filepaths etc I'm using; especially when watching videos on smartphones.
@burdGIS
@burdGIS 2 года назад
I could do a poll to see what other viewers think! 😀
Далее
Geotagged photos in QGIS - QGIS2Web 01 | burdGIS
15:47
Hosting a webmap for free - QGIS2web 03 | burdGIS
10:17
Наше обычное утро 💕
00:42
Просмотров 1,4 млн
Make an Open-Source Web Map with QGIS
1:16:28
Просмотров 34 тыс.
Create a Webmap using the QGIS2web Plugin in QGIS
16:09
Geopackages and SQL in QGIS | burdGIS
10:06
Просмотров 6 тыс.
FASTEST Way to Learn Modern GIS and ACTUALLY Get a Job
15:12
QGIS 4 Arch - Creating Web Maps with QGIS
5:45
Просмотров 8 тыс.
Exploring the QChatGPT plugin in QGIS
10:12
Просмотров 37 тыс.