0

次のコードを使用して、Leaflet を使用して json ポイントをマップに追加します。

var geojsonLayer = new L.GeoJSON(data, {
    pointToLayer: function (latlng){
        return new L.CircleMarker(latlng, {
            radius: 8,
               fillColor: "#fecb00",
               color: "#fecb00",
               weight: 1,
               opacity: 1,
               fillOpacity: 0.9,
           });

       }

});

ポイントをクリックすると、geojson ファイルからの詳細情報を含むポップアップが表示されるように機能を追加したいと考えています。これはどのように達成されますか?

4

1 に答える 1

1

GeoJson に「myProperty」というプロパティが含まれていると仮定すると、その情報をポップアップ内に表示するには、コードの後に​​次の命令を配置します。

geojsonLayer.on("featureparse", function (e) {
    e.layer.bindPopup("<p>Prop value: " + e.properties.myProperty + "</p>");
});

「featureparse」イベントは、GeoJson コレクション内の各アイテムに対して呼び出されます。これは通常、データやポップアップ バインディングのより具体的なスタイル設定に使用されます。

于 2012-04-23T23:50:29.647 に答える