微信小程序map地图组件如何实现添加标记点

 时间:2024-10-12 03:24:47

1、先百度搜索查看 map 地图组件的官方文档,本篇经验会使用到的属性包括:latitude(地区区域中心纬度),longitude(地区区域中心纬度),scale(缩放比例),markers(标记点)。

微信小程序map地图组件如何实现添加标记点

2、在 wxml 文件中通过 <map> 标签创建一个地图组件,通过数据绑定的方式设置其 latitude, longitude, scale荑樊综鲶, markders 属性的值。注意:关于数据绑定的更多信息,请参考如下经验引用。

微信小程序map地图组件如何实现添加标记点

3、在小程序 js 文件中定义 wxml 中数据绑定所使用的变量的初始值。注意,其中 markers 属性对应的值为一个数组,即番舸榆毛标记点数组,包括标记点的经纬度信息,标记点关联气泡的定义 (callout),标记点关联标签的定义 (label) 等。

微信小程序map地图组件如何实现添加标记点

4、在 wxss 文件中声明 wxml 中使用的样式类的定义。

微信小程序map地图组件如何实现添加标记点

5、保存编译后,在模拟器中可以看到相关的显示效果,在地图特定位置,有一个标记点,并且其还带有一个气泡信息和标签信息,符合预期。

微信小程序map地图组件如何实现添加标记点
  • 大人着凉发烧怎么退烧
  • 鱼耳app在哪里公开个人房间状态
  • 博客权限设置管理
  • 野外如何生火,起火?
  • 易语言模拟红绿灯
  • 热门搜索
    节约用水手抄报内容 生命手抄报 手抄报装饰 致敬抗美援朝争做时代新人手抄报 纪念英雄手抄报 民族团结手抄报资料 杰出人物手抄报 庆祝国庆节手抄报 关于教师节的手抄报 清明节手抄报内容50字