javascript - 如何在 map 框上显示单个功能弹出窗口

Question

我有一张 map 并创建了一个如下所示的要素图层:

window.map = L.mapbox.map('map', 'example.wefk232sm')
    .setView([homeLatitude, homeLongitude], initialZoom);

var myLayer = L.mapbox.featureLayer().addTo(map);

// Pass features to the map
myLayer.setGeoJSON(geoJson);

geoJson 对象如下所示:

var geoJson = {
    type: 'FeatureCollection',
    features: [
        {
        type: 'Feature',
        properties: {
            title: name,
            other: "text",
            'marker-color': '#54a743',
            'stroke': '#428334',
            url: link
        },
        geometry: {
            type: 'Point',
            coordinates: [longitude, latitude]
        }
    ]
}; 

我想做的是打开与特定功能相关的弹出窗口，例如geoJson.features[0].properties对象上的name，但我不知道该怎么做。

我可以通过点击访问它:

myLayer.on('click', function(e) {
    e.layer.openPopup();
});

Mapbox 版本为 v1.6.2

Answer 1

例如，您应该能够使用以下内容获取 properties.title

myLayer.on('click', function(e) {
    var title = e.layer.feature.properties.title;
    // do something with the title
});