将 geoJSON 要素属性添加到 mapbox 弹出窗口

Question

我想为地图上的每个书店标记添加一个带有 geoJSON 属性的弹出窗口。我在 marker.bindpopup 方法中使用了 "layer.feature.properties.name"，但得到的是 "undefined" 的 return。

L.mapbox.accessToken = 'jk.eyJ1IjsdkjfhskjdfhksdskdjflWNCJ9.Ov2O5PtskdljfsdR0lq3Q';
var map = L.mapbox.map('map', 'example.kks3kec4')
    .setView([38.633, -90.319],12);

//add cafe, books store, and university geoJSON layers with styling
var bookStore = L.mapbox.featureLayer()
    .loadURL('book_store84.geojson')
    //wait for the layer to be "on", or "loaded", to use a function that will setIcon with an L.icon object
    .on('ready', function(layer) {
        this.eachLayer(function(marker) {
            marker.setIcon(L.mapbox.marker.icon({
                'marker-color': '#BA1A1A',
                'marker-symbol': "library",
                'description': "book store"
            }));
            //when layer.feature is within the popup, it returns "undefined"
            marker.bindPopup("<p>" + layer.feature.properties.name + "</p>");
        });
    })
    .addTo(map);

Answer 1

您正在使用 layer 变量：

marker.bindPopup("<p>" + layer.feature.properties.name + "</p>");

layer 变量不包含 feature 对象。您正在遍历包含的层，将它们分配给 marker 变量，那些具有 feature 对象，所以您应该：

marker.bindPopup("<p>" + marker.feature.properties.name + "</p>");

将 geoJSON 要素属性添加到 mapbox 弹出窗口

Adding geoJSON feature attributes to mapbox popup

javascript

gis

leaflet

mapbox

geojson