小程序地图之markets(多点显示)

最新推荐文章于 2024-09-17 10:35:58 发布

zhooson

最新推荐文章于 2024-09-17 10:35:58 发布

阅读量6.2k

点赞数 1

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

本文链接：https://blog.csdn.net/Zhooson/article/details/80258781

版权

小程序专栏收录该内容

15 篇文章 0 订阅

订阅专栏

需求：地图上面需展示多个的地点信息

查阅文档上面：使用markets就好，但是只会出来一个点

<map id="myMap" style="width: 100%; height: 300px;" latitude="{{latitude}}" longitude="{{longitude}}"
      markers="{{markers}}" show-location bindmarkertap="selectMarket" ></map>

解决方案：添加上 include-points=”{{markers}}” 即可显示多个点

<map id="myMap" style="width: 100%; height: 300px;" latitude="{{latitude}}" longitude="{{longitude}}"
      markers="{{markers}}" show-location bindmarkertap="selectMarket" include-points="{{markers}}"></map>

data = {

latitude: 23.1,
    longitude: 113.32452,
    markers: [
      {
        id: 1,
        latitude: 23.1,
        longitude: 113.32452,
        name: 'T.I.T 创意园',
        iconPath: './location.png',
      },
      {
        id: 2,
        latitude: 23.3,
        longitude: 113.32452,
        name: '扎根',
        iconPath: './location.png',
      },
      {
        id: 3,
        latitude: 23.5,
        longitude: 113.32452,
        name: '圣诞快乐',
        iconPath: './location.png',
      },
    ],

}