leaflet入門（三）使用GeoJSON建立向量圖形

標籤：style   layer   point   code   log   地圖   事件   weight   each   

點對象：

function g(feature, layer) {            // does this feature have a property named popupContent?            if (feature.properties && feature.properties.popupContent) {                layer.bindPopup(feature.properties.popupContent);            }        }        var geojsonFeature = {            "type": "Feature",            "properties": {                "name": "Coors Field",                "amenity": "Baseball Stadium",                "popupContent": "This is where the Rockies play!"            },            "geometry": {                "type": "Point",                "coordinates": [100, 31]            }        };        L.geoJSON(geojsonFeature, {            onEachFeature: g        }).addTo(map);

線要素：

var draw_line = {            "type": "Feature",            "geometry": {                "type": "LineString",                "coordinates": [                    [110, 11],                    [110, 49]                ]            },            "properties": {                "popupContent": "This is a free bus line that will take you across downtown.",                "underConstruction": true            },            "id": 2        };//綁定事件function f(feature, layer) {    layer.bindPopup(feature.properties.popupContent);}//增加到地圖var ss = L.geoJson(draw_line, {    style: {        "color": ‘black‘,        "weight": 1    },    onEachFeature: f}).addTo(map);

 

leaflet入門（三）使用GeoJSON建立向量圖形