Question

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

以下是生成标记的代码

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

Answer 1

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

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

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

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

如何使按钮与传单标记进行交互

1 个答案: