微信小程序中使用map组件的示例

小编给大家分享一下微信小程序中使用map组件的示例，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

我们提供的服务有：网站建设、成都网站制作、微信公众号开发、网站优化、网站认证、武乡ssl等。为超过千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的武乡网站制作公司

微信小程序 地图map

微信小程序map

地图

标记点

标记点用于在地图上显示标记的位置，不能自定义图标和样式

覆盖物

覆盖物用于在地图上显示自定义图标，可自定义图标和样式

地图组件的经纬度必填, 如果不填经纬度则默认值是北京的经纬度。

标记点markers只能在初始化的时候设置，不支持动态更新。

示例：

// map.js
Page({
 data: {
  markers: [{
   latitude: 23.099994,
   longitude: 113.324520,
   name: 'T.I.T 创意园',
   desc: '我现在的位置'
  }],
  covers: [{
   latitude: 23.099794,
   longitude: 113.324520,
   icaonPath: '../images/car.png',
   rotate: 10
  }, {
   latitude: 23.099298,
   longitude: 113.324129,
   iconPath: '../images/car.png',
   rotate: 90
  }]
 }
})

Bug & Tip

tip: 请勿在 scroll-view 中使用 map 组件

以上是“微信小程序中使用map组件的示例”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！