Introduction To Leaflet JS | Design | Final Part | Eduonix

Phew! Finally done with Events! That was quite a long topic, wasn’t it? Well, now it's time for the fun part! Design!

Designing a map is not the easiest because there is a lot of movement and reaction involved in a map. You also have to be careful that mobile users don't face any issue with the design. However, it is a lot of fun and involves creativity. We will be discussing how to use overlays, sliding, panels, modals, etc. to make our map interactive. We will also look into a few key principles which need to be considered in the designing process.

Also, this is going to be the last part of the series. We hope you have a very clear idea about Leaflet JS by now. Let us know in the comments section if you enjoyed this series and what new topic would you like us to cover next!


Follow Eduonix on other social networks:

[robertg]

Do you happen to have a series in react? I am trying to figure out how to create custom draw buttons to be able to draw on the map. Thanks

[oct]

Thanks for the great tutorial.
I guess for your own project in this video, you have used a Geojson or KML file to add all those polygons to the map. I was wondering where you saved the actual kml or Geojson file in your local storage. I saved my heavy KML file inside the Leaflet directory and used a plug in to introduce the file to the map, but it didn't work. Your help is appreciated.

[anastasiamcloughlin]

Hi! Will there be a design tutorial on Leaflet?

[clarkjoshualopez]

Is there a next part of this tutorial ?

[stephenjawahar]

Hi can you help in adding a button in the leaflet popup?

[arsalanshaikh]

Hi eduonix .. any deals on React 16 course by maximillian please any 10 dollar coupon i am from India...