首页| 论坛| 消息
主题:绞尽脑汁终于搞定/天地图标注点marker旋转/任意角度旋转/无需引入其他框架
liudianwu发表于 2024-11-06 17:41
## 一、前言说明
在其他地图组件中,标注点marker都是可以设置旋转角度的,这个功能其实非常实用,比如飞机移动轨迹,就是需要旋转飞机头飞行,轮船轨迹移动也是,百度地图和腾讯地图是通过调用setRotation函数设置,高德地图是setAngle,唯独天地图没有提供对应接口,找遍了文档和源码,也没有找到对应函数实现,这下完蛋了,如果就应为这个功能而弃用天地图,那就非常的难受,毕竟天地图是目前开发下来最完美的方案,比如不收费,卫星图精度高,默认采用大地坐标系,和地球坐标系几乎无偏差,根本无需转换坐标,而且离线js开发包非常简单易用,还提供了增强的绘图模块military,使用起来爽的不要不要的。所以咬咬牙就想着怎么解决marker旋转的问题。
很多人建议用第三方的地图组件比如leaflet,里面提供的marker就可以旋转,瓦片地图换成天地图的就行,这个实现肯定没问题,就是动静有点大,和天地图搭边也就剩瓦片地图了,其他都无关了,坐标系也要转换,这个方案放弃。最后灵机一动,天地图提供了轨迹移动的模块cartrack,里面的marker就是可以旋转的,打开源码一看,原来是继承T.Overlay实现的,里面使用了transform来旋转图片,所以呢,要么选择自定义一个覆盖物继承,然后抄袭这段代码,要么直接就用CarOverlay好了,最终选择直接用他就行,然后通过setRotate函数设置旋转角度即可。因为本来这个js文件就需要引入,轨迹移动需要,所以直接用现有的即可,无需再去引入第三方,实验下来非常完美,又是打完收工,去楼下沙县加鸡蛋的一天。

## 二、相关代码
```cpp
void MapObjTian::addMarker()
{
//动态添加标注点
html

浏览大图
回帖(0):

全部回帖(0)»
最新回帖
收藏本帖
发新帖