微信小程序marker 自定义数据

发布时间:2024年01月19日
 markers: [
      // {
      //   name: '充电站1',
      //   id: 1,
      //   longitude: 104.058733,
      //   latitude: 30.5531254,
      //   title: 'Marker',
      //   iconPath: '/images/ic_shop_location.png', // 替换为您的图标路径
      //   width: 50,
      //   height: 50,
      //   callout: {
      //     content: '这是一个多行文本\n第二行内容', // callout 的文本内容,可使用换行符\n显示多行文本
      //     color: '#000000', // 文本颜色
      //     fontSize: 14, // 文本字号
      //     borderRadius: 5, // callout 边框圆角
      //     bgColor: '#ffffff', // callout 背景颜色
      //     padding: 10, // callout 内边距
      //     display: 'ALWAYS' // 显示规则,可选值:BYCLICK(点击显示),ALWAYS(常显)
      //   },
      //   showModal: false, // 控制模态框显示隐藏
      //   selectedMarkerInfo: {}, // 保存点击的标记点信息

      // },
      {
        name: '充电站2',
        id: 2,
        latitude: 30.555203091541372,
        longitude: 104.06801193958576,
        iconPath: '/images/ic_shop_location.png',
        width: 1,
        height: 1,
        customCallout: {
          content: '这是一个自定义标记',
          anchorY: 10,
          anchorX: 0,
          display: 'ALWAYS',
        },

      },
      {
        name: '充电站3',
        id: 3,
        latitude: 30.547276462928078,
        longitude: 104.06778899429422,
        iconPath: '/images/ic_shop_location.png',
        width: 1,
        height: 1,
        customCallout: {
          anchorY: 10,
          anchorX: 0,
          display: 'ALWAYS',
        },
      }
    ],
文章来源:https://blog.csdn.net/u010194271/article/details/135693262
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。