Thay đổi kiểu mặc định trên lớp GeoJSON điểm trong Tờ rơi?


9

Tôi cần thay đổi kiểu trên một lớp GeoJSON điểm trong bản đồ Tờ rơi.

Tôi đang sử dụng mã sau đây:

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);                         

Tất cả đều hoạt động nhưng luôn có điểm đánh dấu màu xanh mặc định tiêu chuẩn trên bản đồ của tôi.

Câu trả lời:


15

Để thay đổi điểm đánh dấu, bạn nên sử dụng pointToLayerchức năng. Xem trang ví dụ .

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);
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.