javascript - 传单 - 缩放时绑定(bind)到标记的标签并不总是位于同一位置

标签 javascript leaflet

放大和缩小时,绑定(bind)到某些标记的标 checkout 现问题。在下面的图片中,您可以看到问题的示例:

enter image description here enter image description here enter image description here enter image description here

正如您所看到的,当我放大时,标签总是更接近我的标记。问题是我总是希望它成为最后一张图片,就在我的标记下。

这是我的代码:

var myPos = new L.latLng(lat, lon); //lat and lon are coordinates defined above

var markerMyPos = L.marker(myPos, {
    icon: myIcon
});

markerMyPos.bindLabel('Some text', { noHide: true, className: 'marker_label', direction: 'right', offset: [-70, 0] }).addTo(map);

这种情况主要发生在我处于低缩放级别并快速下降时,相反,如果我已经处于高缩放级别并且缩放得更多,则标签更接近标记...

最佳答案

我忘了添加 css 标签..

<link rel="stylesheet" href="Scripts/css/leaflet.label.css" />

对不起,我太蠢了..

关于javascript - 传单 - 缩放时绑定(bind)到标记的标签并不总是位于同一位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32203958/

相关文章:

javascript - 根据日期加设置背景颜色

javascript - 单击图像时如何将鼠标坐标传递给支持 bean

javascript - 根据一个属性过滤 JavaScript 对象

AngularJS Leaflet getMap() 不起作用

javascript - 传单 map : Animate rectangle to fade out after a 3 seconds

javascript - 如何避免drawImage()星爆伪影?

javascript - 在 underscorejs 模板中使用闭包

javascript - 在 Leaflet/Mapbox L.Control.Layers 上设置所选图层

R Shiny 服务器+传单内存泄漏

javascript - Angular6 - 'json' 在类型 'Object' 上不存在