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

}]

相关推荐
腾讯云云开发6 小时前
【你可能不知道的开发技巧】一行代码完成小程序的CloudBase鉴权登录
前端·后端·微信小程序
毕设源码-钟学长9 小时前
【开题答辩全过程】以 基于微信小程序的汉服馆商城的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
计算机毕设指导69 小时前
基于微信小程序的心理咨询预约系统【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven
JIseven1 天前
uniapp页面新手引导
java·前端·uni-app
不如摸鱼去1 天前
uni-app 也能远程调试?使用 PageSpy 打开调试的新大门!
前端·小程序·uni-app
黑马源码库miui520861 天前
JAVA成人用品商城系统源码微信小程序+h5+安卓+ios
android·java·微信小程序
计算机毕设指导61 天前
基于微信小程序的篮球场馆预订系统【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven
DsirNg2 天前
页面栈溢出问题修复总结
前端·微信小程序
小徐_23332 天前
uni-app 也能远程调试?使用 PageSpy 打开调试的新大门!
前端·微信小程序·uni-app