高德地图根据接口多点标记

简介: 高德地图根据接口多点标记

一般情况下接口返回的数据都i就会有经度和纬度的比如:

而map高德地图呢需要数组的形式这时候要将经度和纬度放到一个数组里代码如下:

let arr = [];
for (let i in data.tab) {//data.tab为接口返回的精确经度和纬度的参数
      if (data.tab[i].lat != null && data.tab[i].lng != null) {
        arr3.push([...[data.tab[i].lng], ...[data.tab[i].lat]])
      }
    }

这时候就会是一个map地图所需的数组形式的数据

然后呢问题来了怎么渲染多个呢,这时候就用到for循环了

for (let i in arr3) {
        map.add(
          new AMap.Marker({
            icon: new AMap.Icon({
              image: biaoshi.value[active.value].minimg,//这个是图标
              size: new AMap.Size(52, 52),  //图标大小
              imageSize: new AMap.Size(56, 56)
            }),
            position: arr3[i],
            // alert:'24356'
          })
        );
      }
目录
打赏
0
0
0
0
22
分享
相关文章
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
422 0
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案
385 0
高德地图web服务API接口开发:获取IP定位显示当前位置的天气预报解决方案
高德地图web服务API接口开发:获取IP定位显示当前位置的天气预报解决方案
468 0
|
10月前
|
如何实现大地图的漫游功能
如何实现大地图的漫游功能
144 0
如何实现大地图漫游功能
最近有学员问如何实现割草游戏中的那种角色可以在一张大地图中四处跑动的功能,我研究了一下,发现其中有几个需要注意的地方,索性就写个教程记录一下。 想实现这个功能,最重要的是理解微信小游戏制作工具中的三个与相机有关的积木块的使用。 只需要借助这三个积木块,我们就能够轻松实现出一个大地图漫游的功能了。 下面,我们逐一来介绍一下这三块积木,以及其具体的应用。
198 0
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
207 0
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
前端工作总结176-注意数据对应接口位置
前端工作总结176-注意数据对应接口位置
67 0
前端工作总结176-注意数据对应接口位置
基于LeafLet的多点聚合展示markercluster
某场景需求:需要在某地图上综合展示几千个marker,在地图层级比较低的情况,由于展示的数据点较多,会密密麻麻的堆叠在一起,比较影响用户体验(密集恐惧症患者恐怕要晕掉了)。 解决办法:为了让用户获得比较好的体验,在低层级地图下,将多个点聚合成为一个,提高用户体验
964 0
基于LeafLet的多点聚合展示markercluster
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等