mohammadrezaataeii / react-leaflet-examples

:maple_leaf: A collection of examples on how to use the react-leaflet and leaflet libraries.

🍁 react-leaflet-examples

react-leaflet-examples a collection of examples of leaflet map usage

The full version (vanilla-js) with all working examples can be found at this link leaflet-examples.

Demo

Here is a working live demo : https://tomik23.github.io/react-leaflet-examples/

Work in progress 😃 Suggestions welcome 💡.

The crossed-out titles will be supplemented over time 😃

48 tabs-in-popup
47 random-marker-in-map-bounds
46 location-button
45 tiles-gray
44 checking-if-the-marker-is-in-viewport
43 image-on-map
42 show-scale
41 back-to-home-button
40 distance-between-two-points
39 coordinates-of-the-center-of-the-visible-map
38 part-of-the-common
37 enlarge-a-polygon-box-by-5%
36 story map with IntersectionObserver
35 marker-draggable-on-a-click
34 multiple-tile-layers
33 location
32 image icons prev next
31 awesome markers plugin
30 miniMap plugin
29 linked-view
28 adding-map-description
27 fullscreen
26 markers-60K
25 fitBounds-with-padding
24 polyline
23 custom-marker-and-popup
22 center-map-when-click-marker
21 geocoding-addresses-search-engine-outside-the-map
20 maxBound-map-restricts-the-view
19 custom-button
18 add-move-and-delete-marker
17 tileLayer
16 geoJson-extended-action
15 geoJson-simple
14 dragable-markers
13 svg-markers-width-legends
12 controlling-polygons
11 controlling-the-map-from-outside-the-map
10 matching-all-markers-to-the-map-view
09 marker-grouping-markercluster-plugin
08 controlling-different-groups-of-markers
07 image-instead-of-map
06 coordinates-of-the-visible-map
05 coordinates-after-clicking-on-the-map
04 many-markers
03 adding-one-marker
02 changing-locate-zoom-control
01 simple-map