Google Maps JavaScript API虚线绘制实现
谷歌地图 API 的折腾之路里，最容易被卡住的地方之一就是画虚线。Google Maps JavaScript API 默认只支持实线，想要画虚线？得自己动手搞点花活。本资料就专门讲了怎么在地图上优雅地画出虚线，路线规划、轨迹动画的时候有用。
主要是靠自定义 Polyline 的 icons 属性，通过设置 path 和 repeat 实现虚线效果。代码量不多，逻辑也挺清晰，改起来灵活。如果你熟悉 new google.maps.Polyline() 的用法，上手基本没门槛。
这里顺手推荐几个相关的资源，像《谷歌地图 API 3 入门指南》这类入门文章，适合刚接触地图开发的朋友，讲得还蛮细；想了解 API 细节的话，可以翻翻《GoogleMapAPIV3》；另外《谷歌地图增强工具集》里也有一些辅助功能，挺方便。
哦对了，调样式的时候注意一点，strokeOpacity 要设置为 0，别跟默认线样式冲突了。不然你画出来的虚线就会被实线挡住，看不到。
如果你最近在搞轨迹展示、路线模拟那一类的功能，想要让路线看起来没那么呆板，虚线是个不错的加分项。照着这个资料改一改，快就能搞定。
文件大小：692B
评论区