如何制作按钮以与传单标记进行交互答案

【问题标题】：How to make buttons to interact with leaflet markers如何制作按钮以与传单标记进行交互
【发布时间】：2014-07-16 08:39:46
【问题描述】：

我有一个带有标记层的传单地图，当您单击标记时，它会在地图旁边弹出一张图片。我要做的是制作上一个和下一个标记按钮，以便单击标记时功能相同，但我不知道如何制作它

这是生成标记的代码

var selectedMarker = false;
L.geoJson(fi_markers, {
pointToLayer: function (feature, latlng) {
    var marker = L.circleMarker(latlng, geojsonMarkerOptions);

     marker.on('click', function (e) {
        var feature = e.target.feature;
        var content = '<iframe width="700" height="700" frameborder="0" src="/81_001/'  + feature.properties.pano + '">';
        document.getElementById("event").innerHTML = content;

        if(selectedMarker != false) {
            selectedMarker.setStyle({ fillColor: "#ff7800"});
            }
        marker.setStyle({ fillColor: "#000000"});
        selectedMarker = marker;
        });

    return marker;              
       }
}).addTo(map);

【问题讨论】：

标签： javascript leaflet

【解决方案1】：

首先，您必须确定上一个和下一个在地图上的含义...

这将告诉您必须选择哪个标记

然后，当点击“上一个”按钮时：

selectedMarker.closePopup();
selectedMarker = prevMarker;
selectedMarker.openPopup();

【讨论】：