公告列表
公告列表
收藏
回答

小程序map的marker上的label中的文字不同样式

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 map 工具 6.5.3 2.0.0

- 需求的场景描述（希望解决的问题）


- 希望提供的能力


可以实现图中的label的文字效果



label: { content: '羽毛球馆 \n 评 | 5 片 | 9 俱 | 6', color: '', fontSize: 12, textAlign: 'left', borderWidth: 1, borderColor: '#ccc', anchorX: 25, anchorY: -50, borderRadius: 10, padding: 8, bgColor: '#fff' }
回答关注问题邀请回答
收藏

4 个回答

  • 相守彼岸
    相守彼岸
    2023-11-22

    采用customCallout + cover-view，自定义气泡。

    测试了一下有效果

    <map>
  <cover-view slot="callout" style="background-color: #fff;">
<!-- markerID对应，设置customCallout: {
            display: 'ALWAYS',
        }-->
    <cover-view :marker-id="1">
<view class="" style="font-size: 12px">骑手正赶往商家</view>
                    <view class="" style="font-size: 12px; color: gray">等待骑手接单中</view>
    </cover-view>
  </cover-view>
</map>
    2023-11-22
    有用
    回复 1
    • 相守彼岸
      相守彼岸
      2023-11-23
      补充：不能使用view，要使用cover-view/cover-image，否则真机上不可用
      2023-11-23
      赞
      回复
  • 华z
    华z
    2023-01-14

    截图找的不是小程序的吧

    2023-01-14
    有用
    回复
  • 飝&驧
    飝&驧
    2019-12-02

    请问问题现在解决了？

    2019-12-02
    有用
    回复 2
    • timejudge
      timejudge
      2019-12-02
      不行
      2019-12-02
      赞
      回复
    • 飝&驧
      飝&驧
      2019-12-02回复timejudge
      请问你这个地图上的样式是怎么给它放上去的
      2019-12-02
      赞
      回复
  • 🎃Minerva
    🎃Minerva
    2019-08-02

    请问有解决办法了吗


    2019-08-02
    有用
    回复 4
    • timejudge
      timejudge
      2019-08-02
      目前仍然没有解决
      2019-08-02
      赞
      回复
    • timejudge
      timejudge
      2019-12-02
      我这是找的效果图，并不是通过代码实现的
      2019-12-02
      赞
      回复
    • 飝&驧
      飝&驧
      2019-12-02回复timejudge
      那楼主能指点一下用代码实现这个效果图？
      2019-12-02
      赞
      回复
    • timejudge
      timejudge
      2019-12-03回复飝&驧
      代码实现不了，小程序现在应该没这功能
      2019-12-03
      赞
      回复
请 登录 后发表内容
相关问题
相关文档