เปลี่ยนสไตล์เริ่มต้นที่จุด GeoJSON Layer ใน Leaflet หรือไม่


9

ฉันต้องการเปลี่ยนสไตล์บนเลเยอร์จุด GeoJSON ในแผนที่แผ่นพับ

ฉันใช้รหัสต่อไปนี้:

function onEachFeature(feature, layer) {
                      if (feature.properties && feature.properties.popupContent) {
                         layer.bindPopup(feature.properties.popupContent);
                      }
                     }

var myStyle = {
 "color": "#ff7800",
 "weight": 5,
 "opacity": 0.65
};

myGeoJSONLayer = L.geoJson(myGeoJSON, {
                      style: myStyle,
                      onEachFeature: onEachFeature,
             });

myGeoJSONLayer.addTo(map);                         

ทุกอย่างทำงานได้ แต่มีเครื่องหมายสีน้ำเงินมาตรฐานเริ่มต้นบนแผนที่ของฉันเสมอ

คำตอบ:


15

ในการเปลี่ยนเครื่องหมายจุดคุณควรใช้pointToLayerฟังก์ชั่น ดูหน้าตัวอย่าง

var geojsonMarkerOptions = {
    radius: 8,
    fillColor: "#ff7800",
    color: "#000",
    weight: 1,
    opacity: 1,
    fillOpacity: 0.8
};

L.geoJson(someGeojsonFeature, {
    pointToLayer: function (feature, latlng) {
        return L.circleMarker(latlng, geojsonMarkerOptions);
    }
}).addTo(map);
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.