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

}]

相关推荐
用户6990304848756 小时前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
ITKEY_8 小时前
uniapp微信开发者工具 更改AppID失败 touristappid
uni-app
Geek_Vison15 小时前
APP瘦身实战:从80MB+砍到15MB——基于小程序容器技术剥离APP非核心业务的实践分享
小程序·uni-app·mpaas
CHB1 天前
HDC2026 演讲实录|AI 驱动的跨端进化:利用 uni-agent 快速构建高性能鸿蒙应用
uni-app·harmonyos
2501_915918412 天前
iOS App性能测试工具的实现方法与优化循环指南
android·ios·小程序·https·uni-app·iphone·webview
玩烂小程序2 天前
微信小程序手串DIY功能开发实录:飞入动画 + 环形排布 + 拖拽换序 + 旋转查看 + 保存设计
微信小程序
斯内普吖2 天前
(开源)高校素拓分管理系统小程序实战指南 基于 Java + SpringBoot + uni-app + Vue + MySQL
java·spring boot·mysql·小程序·uni-app·开源
何时梦醒2 天前
HTML5 Canvas 从入门到实战:手把手教你打造一款"打飞机"小游戏
微信小程序
海阔天空66882 天前
uniapp开启调试模式
uni-app·uniapp开启调试模式
master3362 天前
SSL 证书链问题导致微信小程序无法正常工作
网络协议·微信小程序·ssl