VladPolskiy/leaflet
1
0
Fork 0
mirror of https://github.com/Leaflet/Leaflet.git synced 2025-08-03 15:40:43 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity
Files
7a2719d49e1206975523f99ead3dc1d46fc36d2d
leaflet/docs/examples/geojson/example.md
Florian Bischof 999a074eb8 Add Ukraini dialog (#8177) 
* Add Ukraini dialog

* Fix lint

* Make it more keyboard-user friendly

* Change close element to button and add dialog as first element
2022-04-25 11:57:58 +03:00

2.2 KiB
Raw Blame History

layout, title
layout title
tutorial_frame GeoJSON tutorial
<script src="sample-geojson.js" type="text/javascript"></script> <script> var map = L.map('map').setView([39.74739, -105], 13); var tiles = L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { maxZoom: 18, attribution: 'Map data © OpenStreetMap contributors, ' + 'Imagery © Mapbox', id: 'mapbox/light-v9', tileSize: 512, zoomOffset: -1 }).addTo(map); var baseballIcon = L.icon({ iconUrl: 'baseball-marker.png', iconSize: [32, 37], iconAnchor: [16, 37], popupAnchor: [0, -28] }); function onEachFeature(feature, layer) { var popupContent = '

I started out as a GeoJSON ' + feature.geometry.type + ', but now I\'m a Leaflet vector!

'; if (feature.properties && feature.properties.popupContent) { popupContent += feature.properties.popupContent; } layer.bindPopup(popupContent); } /* global campus, bicycleRental, freeBus, coorsField */ var bicycleRentalLayer = L.geoJSON([bicycleRental, campus], { style: function (feature) { return feature.properties && feature.properties.style; }, onEachFeature: onEachFeature, pointToLayer: function (feature, latlng) { return L.circleMarker(latlng, { radius: 8, fillColor: '#ff7800', color: '#000', weight: 1, opacity: 1, fillOpacity: 0.8 }); } }).addTo(map); var freeBusLayer = L.geoJSON(freeBus, { filter: function (feature, layer) { if (feature.properties) { // If the property "underConstruction" exists and is true, return false (don't render features under construction) return feature.properties.underConstruction !== undefined ? !feature.properties.underConstruction : true; } return false; }, onEachFeature: onEachFeature }).addTo(map); var coorsLayer = L.geoJSON(coorsField, { pointToLayer: function (feature, latlng) { return L.marker(latlng, {icon: baseballIcon}); }, onEachFeature: onEachFeature }).addTo(map); </script>