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

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

一般情况下接口返回的数据都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'
          })
        );
      }
相关文章
|
机器学习/深度学习 开发框架 .NET
YOLOv5的Tricks | 【Trick6】学习率调整策略(One Cycle Policy、余弦退火等)
YOLOv5的Tricks | 【Trick6】学习率调整策略(One Cycle Policy、余弦退火等)
4328 0
YOLOv5的Tricks | 【Trick6】学习率调整策略(One Cycle Policy、余弦退火等)
|
人工智能 自然语言处理 搜索推荐
10分钟构建AI客服:阿里云技术解决方案评测
在数字化转型的浪潮中,企业对客户服务的即时性和个性化需求愈发迫切。阿里云推出的“10分钟构建AI客服并应用到网站、钉钉、微信中”的技术解决方案,为企业提供了一个快速、低成本的AI客服部署方案。本文将从部署流程、用户体验、成本效益等方面对这一方案进行深入评测。
1156 3
|
存储 安全 芯片
封装之打线简介
介绍封装打线的原理,常用材料的优缺点,关键部件,wire bonding 过程,主要参数,线形,线长和主要测试方法。
13561 3
封装之打线简介
|
存储 缓存 DataWorks
DataWorks操作报错合集之配置项目连通oss数据源 , 报The request signature we calculated does not match the signature you provided.如何解决
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
|
Java 应用服务中间件 Apache
Tomcat的基本使用,如何用Maven创建Web项目、开发完成部署的Web项目
Tomcat的基本使用,如何用Maven创建Web项目、开发完成部署的Web项目
324 1
|
机器学习/深度学习 算法 PyTorch
基于Pytorch的机器学习Regression问题实例(附源码)
基于Pytorch的机器学习Regression问题实例(附源码)
222 1
|
关系型数据库 MySQL 索引
[Lnmpa] Mysql 内存分配&参数配置&优化方案详解
背景介绍Lnmpa、Lamp、Lnmp等环境的教程很多,但是在默认安装后,很容易出现内存占用光,出现OOM等问题,为了更好的让服务器稳定运行,需要对每个应用服务进行内存配置方面的优化。
6934 0
|
Java Spring 容器
Springboot中的@Import注解~
Springboot中的@Import注解~
261 0
|
Dubbo 应用服务中间件
分布式服务框架Dubbo疯狂更新!阿里开源要搞大事情?
最近,开源社区发生了一件大事,那个全国开发使用最广的开源服务框架Dubbo低调重启维护,并且3个月连续发布了3个维护版本。这3个维护版本不仅解决了社区关心的一系列问题和需求,还让整个社区的活跃度得到了大幅提升。
28384 135
|
网络协议 Cloud Native Java
Nacos基本概念和单机部署
Nacos基本概念和单机部署
1418 1