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

 时间:2026-02-15 04:45:32

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在哪里公开个人房间状态
  • 博客权限设置管理
  • 野外如何生火,起火?
  • 易语言模拟红绿灯
  • 热门搜索
    鸡肉怎么炒好吃又嫩 怎么看路由器密码 手表图片大全 莲藕排骨汤怎么做 家用吸尘器怎么选 方法重载 压实度检测方法 中医治疗的方法有哪些 去黑眼圈最有效的方法 怎么合八字