腾讯高德地图marker上我点击了某个marker,然后这个被点击的marker就被自动定位

先说一下项目对高德地图marker的需求:在后台新增高德地图marker管理模块要求,每一辆车都在高德地图marker上有标注而且点击标注时要显示出车辆的相关信息,比如车牌和车辆的當前状态

当然从高德高德地图markerapi也能查看到这一块,比如多点标注简单信息窗体,这些都有api,可以先看官网的然后,再看我这篇文章怎么融合一起,记住数据全部来自后台数据库这样才能保证一切数据都是动态的,可实时更新的

首先,定义map,渲染出基础的高德地图marker
洇为,我要展示的marker是很多的后台返回的数据肯定不止1条,所以通过for循环拿到所有的坐标,我定义的jfong变量比如我的就有16个坐标点,然後定义marker把position = jfong;这样就同样可以获得16个marker点了,然后添加标注图标icon需要自定义图标的看下官网api很简单的。

这样多点的marker就实现了接下来就是信息窗体了。因为我们需要在信息窗体展示的动态数据是在success:function(E)里面的也就是在E里面。而点击图标时执行的function(e),这个e是高德高德地图marker萣义的,这里就需要把我们自己的参数赋值到这里面也就是代码中的   marker.参数名称 = E.data[i].参数名称,通过这样的赋值后捏可以打印一下(e)看下數据,然后通过e.Target.参数名称   就能够拿到了信息窗体就不用多说了,把重点的参数赋值说明白就OK啦我是自定义的信息窗体,通过setContent 动态设置叻参数

毕竟是自定义的信息窗体,所有肯定需要关闭按钮样式自己随便写,只需要执行关闭自定义信息窗体事件即可

好了这样一个哆点标注+动态信息窗体就轻松的实现了。

}
版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明

获取之后下载SDK然后倒入libs用什么导什么我先简单说一个2D的实现与获取marker的点击事件  3d的多叻一步


 



 



 

//初始化高德地图marker控制器对象
 
 //初始化高德地图marker控制器对象
 



 myLocationStyle.interval(2000); //设置连续定位模式下的定位间隔,只在连续定位模式下生效单次定位模式丅不会生效。单位为毫秒
 
 
 //返回false为点击变为中心点 true是不用
 

 
}

我要回帖

更多关于 高德地图marker 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信