当前位置:   article > 正文

uniapp微信小程序自定义气泡,隐藏原有icon_微信小程序map自定义气泡

微信小程序map自定义气泡
  1. <map
  2. id="map"
  3. class="map"
  4. :latitude="latitude"
  5. :longitude="longitude"
  6. :show-location="true"
  7. :markers="covers"
  8. :scale="18"
  9. @markertap="handleShowCard"
  10. :enable-building="true"
  11. >
  12. <cover-view slot="callout">
  13. <block v-for="(item, ItemIndex) in covers" :key="item.id">
  14. <cover-view class="markersContent" :marker-id="item.id">
  15. </cover-view>
  16. </block>
  17. </cover-view>
  18. <cover-view></cover-view>
  19. </map>

数据:

covers:[

{

          id: 1,

          latitude: 31.242229,

          longitude: 121.487909,

          width: 1,

          height: 1,

          iconPath: "/static/iconImg/transparent.png",(使用一张1px*1px的透明图片即可)

          options: {

            isStore: true,

            status: 1,

            xian: 12,

            all: 20,

 

          },

          // 自定义窗口

          customCallout: {

            display: "ALWAYS", // 常显

          }]

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/一键难忘520/article/detail/1021381
推荐阅读
相关标签
  

闽ICP备14008679号