微信小程序-如何在map上根据经纬度添加标记点(附源码)

发布于:2023-04-28 ⋅ 阅读:(117) ⋅ 点赞:(0)

 1、map中的marker,就是地图上的标记点,是根据经纬度进行标记的,常见的图例是这样的
在这里插入图片描述
 2、如何将指定的经纬度信息在地图上显示标记点的位置呢?就像下图这样
在这里插入图片描述
 3、微信小程序支持自定义markers数组,需要指定传入标记点的经纬度信息
在这里插入图片描述
 4、具体操作步骤
 (1)引入map组件
在这里插入图片描述
 (2)请求后端接口获取数据
在这里插入图片描述
 (3)此时,data中的markers[]中已经存在标记点需要的经纬度信息了,可以打印出来查看

在这里插入图片描述
 (4)因为在地图加载的时候就要显示这些标记点,所以,要在js文件的onLoad:function()函数中调用方法(实际要根据自己的项目需求)
在这里插入图片描述
 (5)效果展示
在这里插入图片描述
 END

本文含有隐藏内容,请 开通VIP 后查看