javascript - 我可以在传单中固定文字吗?

标签 javascript leaflet

我想向 map 添加一个文本,该文本在缩放比例更改时不会缩放并保持其原始大小。

我使用这段代码(javascript):

var text = new L.marker(rect.getBounds().getSouthWest(), {opacity: 0.0001});
text.bindLabel("TEXT", styleProperties);
text.addTo(myLayer);

并得到这个不需要的结果: enter image description here

我希望文本在应用缩放时保持左侧第一张图像的大小。可能吗?

编辑:文本必须像城市名称一样,随着 map 移动但在缩放时不会改变它的大小(是的,我知道城市名称是图像,因为这不容易解决我的问题)。 然而,感谢您的回答,目前我维护标签,这不是一个优雅的解决方案,但可以工作。

最佳答案

你可以使用 Leaflet.label插件(从 Leaflet 1.0 开始,L.Label 作为 L.Tooltip 添加到 Leaflet 核心)。您可以使用自己的 CSS 对其进行样式设置。 查看example .

关于javascript - 我可以在传单中固定文字吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39367040/

相关文章:

r - 使用 R 的传单包添加弯曲的飞行路径

Javascript 转换为日期/时间格式

javascript - 使用带有 href 的 jQuery

javascript - 在 React 组件中显示并行 Ajax 请求的结果

javascript - 动态图层名称 - Leaflet 图层控制

javascript - 传单中的标签问题

javascript - 传单:使用复选框切换 GeoJSON 图层

javascript - 尝试对对象数组进行排序以显示具有最高 "score"元素的前 3 个项目

javascript - 如何使用axios等待文件上传

javascript - 在循环中填充 javascript 变量以用于循环外的图标定义