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

}]

相关推荐
Fate_I_C2 小时前
uniappx 鸿蒙运行包制作失败
华为·uni-app·uniapp·harmonyos
chQHk57BN3 小时前
跨平台前端开发:用Flutter和UniApp一次编写多端运行
flutter·uni-app
自然 醒16 小时前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
CHB18 小时前
uni-agent,你的数字员工来了
人工智能·uni-app·vibecoding
h_jQuery18 小时前
uniapp使用canvas实现逐字书写任意文字内容,后合成一张图片提交
前端·javascript·uni-app
困困的果果头18 小时前
【uniapp】解决H5嵌套在web-view中时打包页面与状态栏重叠
前端·uni-app
前端 贾公子18 小时前
Uniapp 使用 UQRCode 创建二维码
uni-app
Rattenking18 小时前
uni-app组件开发----自定义数字键盘组件
前端·javascript·uni-app
竟未曾年少轻狂18 小时前
微信小程序-组件开发
微信小程序·小程序
想七想八不如1140819 小时前
【GitHub开源】一款极简跨平台 Todo 应用:微信小程序 + Windows 桌面挂件 + 实时同步
微信小程序·开源·github