vue-baidu-map 如何给标记点内添加文字

发布于 2022-09-12 03:21:43 字数 572 浏览 15 评论 0

<template>
  <baidu-map class="map" :center="{lng: 116.404, lat: 39.915}" :zoom="15">
    <bm-marker :position="{lng: 116.404, lat: 39.915}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
      <bm-label content="我爱北京天安门" :labelStyle="{color: 'red', fontSize : '24px'}" :offset="{width: -35, height: 30}"/>
    </bm-marker>
  </baidu-map>
</template>

image.png
如何给红色标记点内部添加数字?
例:image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

深府石板幽径 2022-09-19 03:21:43

百度地图用的雪碧图,你也可以这么用
markers_new2_7621a9c.png

除了这个,你还可以使用组合标记的方法,就是每个位置都由图标标记和数字标记组成,数字标记放在图标标记上面,调整下位置就可以了,很容易做到

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文