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

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

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

  • 4
    点赞
  • 67
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值