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", // 常显

}]

相关推荐
是一碗螺丝粉5 小时前
拯救你的app/小程序审核!一套完美避开审核封禁的URL黑名单机制
前端·javascript·微信小程序
bug总结9 小时前
深入理解 uni-app 的 uni.createSelectorQuery()
uni-app
真上帝的左手9 小时前
25. 移动端-uni-app
uni-app
编程猪猪侠9 小时前
基于Uni-app+vue3实现微信小程序地图固定中心点范围内拖拽选择位置功能(分步骤详解)
uni-app
江湖有缘11 小时前
【Docker项目实战】使用Docker部署Notepad轻量级记事本
docker·容器·notepad++
小徐_233312 小时前
Trae 辅助下的 uni-app 跨端小程序工程化开发实践分享
前端·uni-app·trae
斯~内克12 小时前
UniApp 页面传参方式详解
网络协议·udp·uni-app
我叫黑大帅13 小时前
微信小程序分包:告别加载慢,像拆快递一样简单!
前端·微信小程序
大聪明了15 小时前
uniapp vue3 使用 pinia
javascript·vue.js·uni-app