腾讯位置服务JSAPI教程-在地图上添加自定义覆盖物
以下内容转载自多多洛爱学习的文章《JSAPI-在地图上添加自定义覆盖物》 作者:多多洛爱学习 链接: https://juejin.im/post/5ee5f80d51882542e2695874 来源:掘金 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 地图上的覆盖物 在地图上添加覆盖物有两种方式,一是在canvas画布上渲染,比如JSAPI GL绘制 MultiMarker/MultiPolygon 等矢量图形覆盖物就是通过编写对应图形的数据解析及渲染程序,直接绘制在底图上层。这样的渲染方式下视角变换时图形也可以实现3D形变。另一种方式是通过CSS布局将其他DOM元素叠加到地图容器之上,这种方式下视角变换时DOM元素需重新计算布局,比如JSAPI v2的 Marker/Polygon 等覆盖物,以及JSAPI GL的 InfoWindow 信息窗,这些都属于DOM覆盖物。 如果你需要叠加一个自定义的复杂元素,第一种方式的话需要实现对应的数据解析和着色器程序,需要了解WebGL的渲染原理,成本很高,且不易变通。而DOM是每个前端工程师都非常熟悉的,简单几个标签加CSS就能实现高度定制的DOM元素。但是如何将一个DOM元素正确地安置在地图上,并且随着地图平移、旋转、缩放实时调整自己的位置呢? 这就要使用到 DOMOverlay 了