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

}]

相关推荐
moxiaoran57536 分钟前
uni-app萌宠案例学习笔记--页面布局和CSS样式设置
前端·css·uni-app
moxiaoran57531 小时前
uni-app学习笔记二十九--数据缓存
笔记·学习·uni-app
moxiaoran57536 小时前
uni-app学习笔记三十--request网络请求传参
笔记·学习·uni-app
疯狂的沙粒8 小时前
在uni-app中如何从Options API迁移到Composition API?
javascript·vue.js·uni-app
chaosama8 小时前
微信小程序带参分享、链接功能
微信小程序·小程序
胡西风_foxww9 小时前
微信小程序动态组件加载的应用场景与实现方式
微信小程序·应用·加载·动态组件
anyup11 小时前
快崩溃了!华为应用商店已经 4 次驳回我的应用上线
前端·华为·uni-app
甜甜的资料库13 小时前
基于小程序老人监护管理系统源码数据库文档
微信小程序
alphaair19 小时前
【一步步开发AI运动APP】十、微调优化内置运动分析器,灵活适配不同的应用场景
uni-app·ai运动·ai运动识别·ai健身·ai体测·ai运动app·ai运动检测·工会云上运动会·ai人体检测·ai姿态识别
moxiaoran575320 小时前
uni-app学习笔记二十三--交互反馈showToast用法
笔记·学习·uni-app