Question

我正在尝试在外部菜单（img）/标记/ div（内容）之间创建链接 - 不使用bindpopup。

我设法创建了一个打开bindpopup的链接。

这是我的标记：

var markers = []; var marker1 = L.marker([43.55,7.02],{title:"marker_1", icon: ballicon}).addTo(map).bindPopup('Villes de CANNES'); markers.push(marker1);

这是我的链接：

<div class="item"> <a id="marker_1" href="#"> <table class="cannes" align="center" cellpadding="0" cellspacing="0" height="150" styleborder="0" width="250"><tbody><tr><td valign="top" background="cannes-250x150.jpg" height="150"><div id="numcannes">1</div> </td></tr><tr><td class="titlecannes" height="25">Cannes</td></tr></tbody></table></a> </div>

但是我没有打开bindpopup，而是想放大标记并在div中打开弹出内容。

我可以点击标记来完成：

var marker1 = L.marker([45,1],{title:"marker_1", icon: ballicon, clickable: true, name: 'Cannes Place', type: 'City'}).on('click', onClick).addTo(map);function onClick(e) { $('#content').html("<p><strong>Name:</strong> "+this.options.name+"</p><p><strong>Type:</strong> "+this.options.type+"</p>")};

...但我不知道如何通过点击我的img来打开div中的内容。

提前谢谢你，

Answer 1

如果您不想在Leaflet的Popup功能中使用您的内容，为什么要使用Popup呢？简单地将您需要的属性附加到Leaflet的标记的选项哈希，然后从那里开始。然后我假设您可以绑定到您的图像（虽然我会使用实际的IMG标记而不是TD上已弃用的background属性）

$("#marker_1").click(function(){
    map.setView(marker_1.getLatLng(),10);
    //set content of #content here
})

单张外部链接没有弹出窗口

1 个答案: