1、高德地图web示例
最近要做一个根据用户车牌号查询用户定位和运动轨迹的功能,第一时间想到做web端的方便便于维护,且我们ios端是用h5框架编写的,也方便ios去使用,去查了一下高德地图,欸?这不就有现成的直接用吗。感慨一句真方便。如下图。
RPReplay_Final1564452712 (2).gif
怎么样,是不是超级方便?然后我们只要在app中的webview中打开它就可以了。开始动画,结束动画,选择时间统统交给web端去做,当然你也可以注入js来调用查询方法,随便你来定义啦。
2、高德地图示例代码
官网上就有详细的示例代码,这里贴上官网地址:高德地图轨迹回放示例,嫌麻烦没问题,代码都帮你们拷过来了。
轨迹回放html, body, #container {
height: 100%;
width: 100%;
}
.input-card .btn{
margin-right: 1.2rem;
width: 9rem;
}
.input-card .btn:last-child{
margin-right: 0;
}
轨迹回放控制
var marker, lineArr = [[116.478935,39.997761],[116.478939,39.997825],[116.478912,39.998549],[116.47