1.
this.Rendering.bindTooltip("<div style='{ width: 10%, height: , position: 'absolute' }' >"+geoJsonPoint.properties.stationKey +
" " +
geoJsonPoint.properties.stationName +
"( " +
geoJsonPoint.properties.bigIndustryName +
" )"+"</div>"
, { //内容可以自定义为HTML，如：<div>自定义结构</div>
direction: 'top', // 显示在头部
offset: [0, -36], // 向上偏移
permanent: true, // 永久打开提示
className: 'anim-tooltip', // 自定义class
opacity: 0.8
}
.anim-tooltip {
transition: opacity 4.0s linear;
/*动画效果*/
font: italic bold 12px/30px arial, sans-serif;
font-family: "Times New Roman", Georgia, Serif;
/*字体发光*/
text-shadow: 1px 0 0 #8B4513, 0 1px 0 #8B4513,
0 -1px 0 #8B4513, -1px 0 0 #8B4513,
1px 0 1px #8B4513, 0 1px 1px #8B4513,
0 -1px 1px #8B4513, -1px 0 1px #8B4513;
}
这个里面内容是活的，当显示内容的时候，内容是活的，上面这样的写法，在这个结构里面引用css，这样能修改弹框的样式，修改完之后，从而进行改变相应的样式，这个里面就是修改了字体的大小，增加了字体的样式。一开始我尝试了很多方法，在网上也找到了很多，就是没有找到可以修改样式的代码，这个里面把样式，和相应的结构代码都写好了，详细的记录了如果去配置结构，内容加上修改弹框的样式，我一开始在内容的外面增加了div,想要修改弹框的样式，结构没有实现，最后还是需要在结构里面，在这个className 里面引用样式，才能进行相关的修改。这个修改的方法很好的符合了我的预期，加油，相信未来会更加美好的。
下面添加一些别的地址，有需要的可以看看。
Leaflet地图基础示例_lihefei_coder的博客-CSDN博客_leaflet实例<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <.https://blog.csdn.net/lihefei_coder/article/details/119609165给Tooltip内元素 绑定事件 改变Tooltip显示内容（leaflet、bindTooltip ）_qq_46302247的博客-CSDN博客layer.bindTooltip(`<divclass="tip-box"> <div class="tip-box-top"> <div class="item">米</div> <div class="item">千米</div> <div class="item">海里</div> </div> <div class="tip-box
https://blog.csdn.net/qq_46302247/article/details/124476294
Leaflet开发笔记-Tooltip_不知名码农1994的博客-CSDN博客_leaflet tooltipTooltip图层显示文本。官网API文档地址：https://leafletjs.com/reference-1.5.0.html#tooltip一些配置参数请查阅官方文档。下面举例项目开发中常用方法。基本用法：marker.bindTooltip("my tooltip text").openTooltip(); //里面内容可以填写html字符串打开显示文本：marker.op...https://blog.csdn.net/u013025674/article/details/93491010leaflet自定义toolTip样式_衣乌安、的博客-CSDN博客_leaflet tooltip样式leaflet自带tooltip相关api，支持传入自定义内容，但容器不支持自定义样式，通过leaflet源码_initLayout函数可以找到生成的tooltip的class名leaflet-tooltip等，然后就可以通过修改对应样式自己自定义样式了layer.bindTooltip( `<div > </div>`, { direction:...
https://blog.csdn.net/zSY_snake/article/details/104482219
3062
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
