{"id":13606056,"url":"https://github.com/tomickigrzegorz/react-leaflet-examples","last_synced_at":"2025-04-12T07:33:22.548Z","repository":{"id":37488117,"uuid":"378672108","full_name":"tomickigrzegorz/react-leaflet-examples","owner":"tomickigrzegorz","description":":maple_leaf: A collection of examples on how to use the react-leaflet and leaflet libraries.","archived":true,"fork":false,"pushed_at":"2023-05-30T17:32:14.000Z","size":2573,"stargazers_count":142,"open_issues_count":2,"forks_count":36,"subscribers_count":8,"default_branch":"main","last_synced_at":"2024-11-07T11:43:32.732Z","etag":null,"topics":["coordinates","geojson","leaflet","map","maps","markers","polygons","react-leaflet","tilelayers"],"latest_commit_sha":null,"homepage":"https://tomickigrzegorz.github.io/react-leaflet-examples/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tomickigrzegorz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-20T14:59:35.000Z","updated_at":"2024-11-01T20:13:23.000Z","dependencies_parsed_at":"2024-11-07T11:33:51.565Z","dependency_job_id":"330f3ae9-9e28-4823-bd02-17021e4535d3","html_url":"https://github.com/tomickigrzegorz/react-leaflet-examples","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomickigrzegorz%2Freact-leaflet-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomickigrzegorz%2Freact-leaflet-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomickigrzegorz%2Freact-leaflet-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomickigrzegorz%2Freact-leaflet-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tomickigrzegorz","download_url":"https://codeload.github.com/tomickigrzegorz/react-leaflet-examples/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248534420,"owners_count":21120323,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["coordinates","geojson","leaflet","map","maps","markers","polygons","react-leaflet","tilelayers"],"created_at":"2024-08-01T19:01:05.628Z","updated_at":"2025-04-12T07:33:22.058Z","avatar_url":"https://github.com/tomickigrzegorz.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# :maple_leaf: react-leaflet-examples\n\n**react-leaflet-examples** a collection of examples of leaflet map usage\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n\n\u003e The full version (vanilla-js) with all working examples can be found at this link [leaflet-examples](https://tomickigrzegorz.github.io/leaflet-examples).\n\n## Demo\n\nHere is a working live demo : https://tomickigrzegorz.github.io/react-leaflet-examples/\n\n\u003cimg src=\"./src/data/leaflet.png\"\u003e\n\n\u003e Work in progress :smiley: Suggestions welcome :bulb:.\n\n\u003e The crossed-out titles will be supplemented over time :smiley:\n\n48 [tabs-in-popup](https://tomickigrzegorz.github.io/react-leaflet-examples/#/tabs-in-popup)  \n47 [random-marker-in-map-bounds](https://tomickigrzegorz.github.io/react-leaflet-examples/#/random-marker-in-map-bounds)  \n46 [location-button](https://tomickigrzegorz.github.io/react-leaflet-examples/#/location-button)  \n45 [tiles-gray](https://tomickigrzegorz.github.io/react-leaflet-examples/#/tiles-gray)  \n44 [checking-if-the-marker-is-in-viewport](https://tomickigrzegorz.github.io/react-leaflet-examples/#/checking-if-the-marker-is-in-viewport)  \n43 [image-on-map](https://tomickigrzegorz.github.io/react-leaflet-examples/#/image-on-map)  \n42 [show-scale](https://tomickigrzegorz.github.io/react-leaflet-examples/#/show-scale)  \n41 [back-to-home-button](https://tomickigrzegorz.github.io/react-leaflet-examples/#/back-to-home-button)  \n40 [distance-between-two-points](https://tomickigrzegorz.github.io/react-leaflet-examples/distance-between-two-points)  \n39 [coordinates-of-the-center-of-the-visible-map](https://tomickigrzegorz.github.io/react-leaflet-examples/#/coordinates-of-the-center-of-the-visible-map)  \n38 [part-of-the-common](https://tomickigrzegorz.github.io/react-leaflet-examples/#/part-of-the-common)  \n37 [enlarge-a-polygon-box-by-5%](https://tomickigrzegorz.github.io/react-leaflet-examples/#/enlarge-a-polygon-box-by-5-percent)  \n36 ~~story map with IntersectionObserver~~  \n35 [marker-draggable-on-a-click](https://tomickigrzegorz.github.io/react-leaflet-examples/#/marker-draggable-on-a-click)  \n34 [multiple-tile-layers](https://tomickigrzegorz.github.io/react-leaflet-examples/#/multiple-tile-layers)  \n33 [location](https://tomickigrzegorz.github.io/react-leaflet-examples/#/location)  \n32 ~~image icons prev next~~  \n31 ~~awesome markers plugin~~  \n30 ~~miniMap plugin~~  \n29 ~~linked-view~~  \n28 [adding-map-description](https://tomickigrzegorz.github.io/react-leaflet-examples/#/adding-map-description)  \n27 [fullscreen](https://tomickigrzegorz.github.io/react-leaflet-examples/#/fullscreen)  \n26 [markers-60K](https://tomickigrzegorz.github.io/react-leaflet-examples/#/markers-60K)  \n25 [fitBounds-with-padding](https://tomickigrzegorz.github.io/react-leaflet-examples/#/fitBounds-with-padding)  \n24 [polyline](https://tomickigrzegorz.github.io/react-leaflet-examples/#/polyline)  \n23 [custom-marker-and-popup](https://tomickigrzegorz.github.io/react-leaflet-examples/#/custom-marker-and-popup)  \n22 [center-map-when-click-marker](https://tomickigrzegorz.github.io/react-leaflet-examples/#/center-map-when-click-marker)  \n21 ~~geocoding-addresses-search-engine-outside-the-map~~  \n20 [maxBound-map-restricts-the-view](https://tomickigrzegorz.github.io/react-leaflet-examples/#/maxBound-map-restricts-the-view)  \n19 [custom-button](https://tomickigrzegorz.github.io/react-leaflet-examples/#/custom-button)  \n18 [add-move-and-delete-marker](https://tomickigrzegorz.github.io/react-leaflet-examples/#/add-move-and-delete-marker)  \n17 [tileLayer](https://tomickigrzegorz.github.io/react-leaflet-examples/#/tileLayer)  \n16 [geoJson-extended-action](https://tomickigrzegorz.github.io/react-leaflet-examples/#/geoJson-extended-action)  \n15 [geoJson-simple](https://tomickigrzegorz.github.io/react-leaflet-examples/#/geoJson-simple)  \n14 [dragable-markers](https://tomickigrzegorz.github.io/react-leaflet-examples/#/dragable-markers)  \n13 [svg-markers-width-legends](https://tomickigrzegorz.github.io/react-leaflet-examples/#/svg-markers-width-legends)  \n12 [controlling-polygons](https://tomickigrzegorz.github.io/react-leaflet-examples/#/controlling-polygons)  \n11 [controlling-the-map-from-outside-the-map](https://tomickigrzegorz.github.io/react-leaflet-examples/#/controlling-the-map-from-outside-the-map)  \n10 [matching-all-markers-to-the-map-view](https://tomickigrzegorz.github.io/react-leaflet-examples/#/matching-all-markers-to-the-map-view)  \n09 [marker-grouping-markercluster-plugin](https://tomickigrzegorz.github.io/react-leaflet-examples/#/marker-grouping-markercluster-plugin)  \n08 [controlling-different-groups-of-markers](https://tomickigrzegorz.github.io/react-leaflet-examples/#/controlling-different-groups-of-markers)  \n07 [image-instead-of-map](https://tomickigrzegorz.github.io/react-leaflet-examples/#/image-instead-of-map)  \n06 [coordinates-of-the-visible-map](https://tomickigrzegorz.github.io/react-leaflet-examples/#/coordinates-of-the-visible-map)  \n05 [coordinates-after-clicking-on-the-map](https://tomickigrzegorz.github.io/react-leaflet-examples/#/coordinates-after-clicking-on-the-map)  \n04 [many-markers](https://tomickigrzegorz.github.io/react-leaflet-examples/#/many-markers)  \n03 [adding-one-marker](https://tomickigrzegorz.github.io/react-leaflet-examples/#/adding-one-marker)  \n02 [changing-locate-zoom-control](https://tomickigrzegorz.github.io/react-leaflet-examples/#/changing-locate-zoom-control)  \n01 [simple-map](https://tomickigrzegorz.github.io/react-leaflet-examples/#/simple-map)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomickigrzegorz%2Freact-leaflet-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftomickigrzegorz%2Freact-leaflet-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomickigrzegorz%2Freact-leaflet-examples/lists"}