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

javascript 复制代码
<map
      id="map"
      class="map"
      :latitude="latitude"
      :longitude="longitude"
      :show-location="true"
      :markers="covers"
      :scale="18"
      @markertap="handleShowCard"
      :enable-building="true"
    >
      <cover-view slot="callout">
        <block v-for="(item, ItemIndex) in covers" :key="item.id">
          <cover-view class="markersContent" :marker-id="item.id">
          </cover-view>
        </block>
      </cover-view>
      <cover-view></cover-view>
    </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", // 常显

}]

相关推荐
阿奇__3 小时前
uniapp支付宝 H5 开发踩坑,hash模式下取参要规范!
开发语言·uni-app
云起SAAS6 小时前
小智笔记APP源码 | 8大广告联盟聚合(穿山甲/优量汇/快手/百度) | 应用市场过审极速版 | uni-app全栈商用项目
笔记·uni-app·广告联盟·笔记app
秋96 小时前
Notepad++ 完全使用手册:从入门到精通
notepad++
蹦哒8 小时前
UniApp 原生插件开发完整指南
uni-app
a_Ichuan8 小时前
在HBuilderX创建的uniapp项目中使用unocss
前端·uni-app
web前端神器9 小时前
记录uniapp小程序的报错
小程序·uni-app·apache
yqcoder11 小时前
uni-app 之 网络请求
网络·uni-app
Greg_Zhong11 小时前
微信小程序中进度条总结
微信小程序·自定义进度条·slider进度条
克里斯蒂亚诺更新11 小时前
uniapp适配H5和Android-apk实现获取当前位置经纬度并调用接口
android·前端·uni-app
2501_916008891 天前
深入解析iOS应用启动性能优化策略与实践
android·ios·性能优化·小程序·uni-app·cocoa·iphone