关于高德地图JS标点的问题

JavaScript019

关于高德地图JS标点的问题,第1张

最近公司要写一个找公厕的项目，基本的要求就是将用户周围1000米之内所有公厕都展示到地图上，并且点击公厕的时候要地图要移至到公厕的中心位置，还有搜索到的公厕也要移至到地图中心位置；

项目一启动，我就第一时间选择了高德地图，不要问为啥不选择百度地图，对于百度地图的表现我表示，累了；

基本上将根本高德地图的开发文档，建立个地图，然后将点标识在地图上

后端返回的数据类型是数组，所以我这里进行了一下for循环，将每个对象都创建一个覆盖点，然后将创建的点的实例都放到一个数组markerList里面。

接下来要实现这个效果，就是点击的时候给个选中的状态

我是这样写的，先创建个空数组，然后再创建一个覆盖点的实例，这个实例就是最红的那个覆盖点，然后将这个点添加到地图中，这样的话，新的点会覆盖原来位置的那个点

记住每次调用这个点击事件的话，一定要先清楚之前的覆盖点，然后数组一定要初始化一下，要不然就会出现这种情况

谢谢观看！

1、创建一个自定义图层实例或获取canvas实例varcanvas等于documentcreateElement(canvas)或将canvas宽高设置为地图实例的宽高。

2、为自定义图层添加渲染方法自定义图层的render方法即用户自定义的图层绘制方式。