Sha256: 29a86e8faf50725d0e9d9ca66631b490fd65767149b7c3cab36a8a50e0b8bd4a
Contents?: true
Size: 1.71 KB
Versions: 3
Compression:
Stored size: 1.71 KB
Contents
<!DOCTYPE html> <html> <head> <title>Leaflet debug page</title> <link rel="stylesheet" href="../../dist/leaflet.css" /> <!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]--> <link rel="stylesheet" href="../css/screen.css" /> <script src="../leaflet-include.js"></script> </head> <body> <div id="map" style="width: 600px; height: 600px; border: 1px solid #ccc"></div> <button id="populate">Populate with 10 markers</button> <script type="text/javascript" src="geojson-sample.js"></script> <script type="text/javascript"> var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade', cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution}); var map = new L.Map('map', { center: new L.LatLng(0.78, 102.37), zoom: 7, layers: [cloudmade] }); var geojson = new L.GeoJSON(); /* points are rendered as markers by default, but you can change this: var geojson = new L.GeoJSON(null, { pointToLayer: function(latlng) { return new L.CircleMarker(latlng); } }); */ geojson.on('featureparse', function(e) { // you can style features depending on their properties, etc. var popupText = 'geometry type: ' + e.geometryType; if (e.layer.setStyle && e.properties && e.properties.color) { e.layer.setStyle({color: e.properties.color}); popupText += '<br/>color: ' + e.properties.color; } e.layer.bindPopup(popupText); }); geojson.addGeoJSON(geojsonSample); map.addLayer(geojson); </script> </body> </html>
Version data entries
3 entries across 3 versions & 1 rubygems
Version | Path |
---|---|
leaflet-ruby-0.3.beta4 | lib/leaflet/debug/geojson/geojson.html |
leaflet-ruby-0.3.beta3 | lib/leaflet/debug/geojson/geojson.html |
leaflet-ruby-0.3.beta1 | lib/leaflet/debug/geojson/geojson.html |