小程序
小游戏
企业微信
微信支付
扫描小程序码分享
请问map组件中的marker,可以自定义样式吗?需求是要圆形的marker
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我认为你是要处理不可预知的内容的图像,例如 头像,把头像做到地图气泡上,之类的需求。
据我的经验是不能简单完成。最佳实现是 后端预处理图片成一个marker 的形状。然后交给地图去显示。
如果使用2层marker 一个头像,然后同样坐标上面盖一层的讨巧的做法,凑合可以凑合,但是对实际需求来说基本不可用。因为地图上的点是用坐标定位,当你地图放大缩小他们的视觉相对位置是发生改变的,但marker 的尺寸不会改变,于是会穿帮。即时你千辛万苦计算了每次缩放以后的相对坐标。但是地图如果可以倾斜,那么一样也会穿帮。。。除非互相遮盖的marker 尺寸完全一样 定位完全一样。那么这带来新的问题。你怎么可能使用两个尺寸完全一样的图片 通过互相遮盖 把另外一个盖成圆形,而且自己还要圆形,看起来像个边框那样。这是不合逻辑的。如果两个图片都是自己制作的,那么你可以控制画布大小和内容大小来凑,但网络图片例如头像,就无法控制。
最终只剩下一种做法,图片连接 给后端下载 后 预处理成一个 marker 的形状。然后。。。。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
iconpath
开发文档都有
marker,可以用图片代替的,但是不能是svg格式,可以是png和jpg的
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我认为你是要处理不可预知的内容的图像,例如 头像,把头像做到地图气泡上,之类的需求。
据我的经验是不能简单完成。最佳实现是 后端预处理图片成一个marker 的形状。然后交给地图去显示。
如果使用2层marker 一个头像,然后同样坐标上面盖一层的讨巧的做法,凑合可以凑合,但是对实际需求来说基本不可用。因为地图上的点是用坐标定位,当你地图放大缩小他们的视觉相对位置是发生改变的,但marker 的尺寸不会改变,于是会穿帮。即时你千辛万苦计算了每次缩放以后的相对坐标。但是地图如果可以倾斜,那么一样也会穿帮。。。除非互相遮盖的marker 尺寸完全一样 定位完全一样。那么这带来新的问题。你怎么可能使用两个尺寸完全一样的图片 通过互相遮盖 把另外一个盖成圆形,而且自己还要圆形,看起来像个边框那样。这是不合逻辑的。如果两个图片都是自己制作的,那么你可以控制画布大小和内容大小来凑,但网络图片例如头像,就无法控制。
最终只剩下一种做法,图片连接 给后端下载 后 预处理成一个 marker 的形状。然后。。。。
iconpath
开发文档都有
marker,可以用图片代替的,但是不能是svg格式,可以是png和jpg的