将geoJSON要素属性添加到地图框弹出窗口

Question

我正在向我的地图上的每个书店标记添加一个带有geoJSON属性的弹出窗口。我在marker.bindpopup方法中使用了“ layer.feature.properties.name”，但返回的是“ undefined”。

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