我在我的地图上放置了几个标记并添加了弹出窗口。以下代码在循环中执行,并且运行良好:
L.marker([
item.Lat,
item.Long
]).bindPopup(item.count + ' projects').addTo(map);
当您点击标记时,它们会显示并弹出气泡。但是,气泡始终在标记的顶部打开。是否有一种方法可以在标记的底部(或任何一侧)打开气泡?Leaflet文档中的popup-options似乎没有提供这样的选项。
我在我的地图上放置了几个标记并添加了弹出窗口。以下代码在循环中执行,并且运行良好:
L.marker([
item.Lat,
item.Long
]).bindPopup(item.count + ' projects').addTo(map);
var yourIcon = L.icon({ popupAnchor: [0,0] });
var marker= L.marker([item.Lat, item.Long],{icon: yourIcon})
弹出窗口将会在图标所固定的位置准确地打开。
好的,我一直在努力自己解决这个问题,但我已经发现将位置设置为相对位置可以使弹出窗口出现在标记下方。
.leaflet-popup {
position: relative;
text-align: center;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: relative;
left: 50%;
top: -117px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
transform: rotate(180deg);
}
对于此事没有选项......
但是,如果您的目的是在不移动地图的情况下显示可见的弹出窗口,您可以查看这个Leaflet插件:http:// erictheise.github.io/rrose/
如果标记太北,它将从标记向南打开弹出窗口...