leafletjs 是一个地图引擎，可以实现类似高德地图、百度地图的效果，如果你使用过超图（supermap） 那么对 leafletjs or openlayers 不陌生。

正如标题所说准备建立一个开源的 vue3.x 与 leafletjs 结合使用示例项目猛击查看项目地址。

前期工作完成个七七八八了，因为这是一个示例类型的项目所以并没有太复杂，但是一个人的力量总是有限的，希望多一些人多一些想法。

做这个仓库的原因在于什么呢？

leafletjs 的官网相比于国内的高德、百度是有些简陋了，有很多插件但是却没有完整展示的地方，需要自己动手去找。

由于时间的变更一些插件可能会存在一些问题，在解决这些问题的时候会浪费大量的时间，比如 leafletjs 的热力图插件 heatmap.js更新时间已经是七年前了。

一个同事在使用的过程中遇到了错误 ImageData data assignment in Strict Mode 他尝试通过搜索引擎来解决但没有解决。其实这个问题在仓库的 issues 中已经有人回答且给出了对应的解决办法。

这让我意识到也许 leafletjs 需要一个更加友好示例网站，更多的人更多的想法。

说干就干

做这个仓库想法产生于一个晚上散步的过程中，思考了实现这些想法所需要的支撑。

vitepress 可以直接在 md 运行 vue 组件，解决了示例预览的问题。可以直接在 md 中导入文件展示源码，解决了源码阅读的问题。

在线编辑或许是需要的，但是目前没有也不会有多少影响因为大家都会 cv 🤪。

ts 仓库并没有使用 ts，这个可能有些欠考虑了。

从开始想到今天差不多一个月8月1号第一次提交。一点私心是要通过这个项目来了解 github 的协作比如合并代码、审核代码、actions 等等等。

最后

欢迎大家提供一些想法建议

比如 leafletjs 的一些用法，一些狂拽炫酷的效果等等等。

往期文章