传单地图:标记点击更改不同标记的弹出窗口

问题描述 投票:0回答:1

我在编程方面非常基础,仅针对一个特定项目就需要该选项。我很想通过单击不同的标记来更改一个主弹出窗口的内容。问题是,我有0条线索如何使用.on('dblclick')我的标记获取不同标记上的.setContent()。

我正在考虑根据标记号为变量赋值,然后在一个特定的弹出窗口中填充有关变量号的信息。

我故意跳过了代码块,因为它不会使任何人更接近我遇到的问题。我在jsfiddle上添加了“项目”。

谢谢!

My project on jsfiddle

var map = L.map('map').setView(center, 11);
var popupMaster = L.popup({
    closeOnClick: false,
    autoClose: false,
    closeButton: false
  })
  .setLatLng([54.451194, 18.744001])
  .setContent('Show text here')
  .openOn(map);


var marker1 = L.marker([54.351194, 18.644001], {
    title: "F-25",
    opacity: 0.5
  })
  .addTo(map)
  .bindPopup(popup1)
  .on('mouseover', function(e) {
    this.openPopup();
    this.setOpacity(1.0);
  })
  .on('mouseout', function(e) {
    this.closePopup();
    this.setOpacity(0.5)
  });
javascript leaflet popup marker
1个回答
0
投票

您已经在变量中包含了主弹出窗口,因此您可以像这样在另一个标记上通过dblclick事件更新内容

marker.on("dblclick", function(e) {
    popupMaster.setContent("New content here");
});
© www.soinside.com 2019 - 2024. All rights reserved.