微信小程序笔记组件 map基础

最新推荐文章于 2024-03-16 21:03:27 发布

炼丹的蜗牛@/"

最新推荐文章于 2024-03-16 21:03:27 发布

阅读量113

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_43826681/article/details/107454476

版权

微信小程序专栏收录该内容

21 篇文章 2 订阅

订阅专栏

可在微信官方文档里看到关于map组件的详细参数：
map：
在这里插入图片描述
marker：

示例：
wxml：

<map longitude="113.922777" latitude="22.773672" scale="14" markers="{{markers}}" ></map>

wxss：

map{
  width: 100%;
  height: 450rpx;
}

js：

Page({

  data: {
    markers:[
      {
        longitude:113.922777,
        latitude:22.773672,
        title:"A",
        iconPath:"../../images/position1.png",
        width:30,
        height:30
      },
      {
        longitude:113.928000,
        latitude:22.773672,
        title:"A",
        iconPath:"../../images/position2.png",
        width:30,
        height:30
      }
    ]
  },

  onLoad: function (options) {

  }
})