本文由大剑师兰特分享，展示如何在Vue+Leaflet项目中利用L.divIcon和CSS创建marker标记，强调CSS需为全局样式。通过复制提供的源代码并简单配置，可以在2分钟内实现效果。
作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，优快云知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。
072个示例
一、示例效果图
二、示例简介
本示例演示如何在vue+leaflet中使用纯CSS来打造marker的标记。这里用到的是L.divIcon来引用CSS来构造新icon，然后在marker的属性中引用。 这里必须要注意的是css需要是全局性质的，不能被scoped转义为其他随机的css。
直接复制下面的 vue+leaflet源代码，操作2分钟即可运行实现效果
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
