uniapp map marker 如何修改自定义图片的样式?

Question

除了宽高 如何修改图标样式

Answer 1

都是在json里配置。
https://uniapp.dcloud.io/comp...
这块是表现在json中的，如果你想图标闪动gif或者有阴影，还是叫UI做个gif或者png图标给你。在json里没办法玩css。

data() {
    return {
        id:0, // 使用 marker点击事件 需要填写id
        title: 'map',
        latitude: 39.909,
        longitude: 116.39742,
        covers: [{
            latitude: 39.909,
            longitude: 116.39742,
            iconPath: '../../../static/location.png', //个性化图标地址
            title:"",   //图标标题
            rotate:0,   //旋转角度
            alpha:1,    //透明度0-1
            width:16,   //宽
            height:16   //高
        }, {
            latitude: 39.90,
            longitude: 116.39,
            iconPath: '../../../static/location.png' //个性化图标地址
        }]
    }
},

Answer 2

你可能还会遇到，当你拖动地图的时候，marker会跟随地图走动，然后地图再围绕居中。

有一个解决方案

由于map是最高层级，但是能嵌套cover-view和cover-image，所以解决方案就有了，固定屏幕中心cover-view和cover-image，这样既能满足随便修改样式，也能保障拖动地图的时候图片一直居中

希望能对你有帮助

伪代码

<map>
   <cover-view>
      <cover-image src="...icon.png"></cover-image>
      <cover-view>当前位置</cover-image>
   </cover-view>
</map>