map组件中的anchor属性在H5端设置不生效

<template>
<view class="map">
<map style="width: 100%; height: 100%" ref="map" :latitude="latitude" :longitude="longitude" :polyline="polyline" :markers="markers">
<view class="tips">
<view class="txt">全程4站/9分钟 预计10:51到达下车站</view>
</view>
</map>
<!-- <view class="mask" @click="goBusDetail"></view> -->
</view>
</template>
<script>
let markers = points.filter(i => i.flag == 1 || i.flag == 2 || i.flag == 3)
this.markers = markers.map((v, index) => {
let options = {
id: index + 1,
iconPath: '/static/images/approachPoint.png', // 替换为你的图标路径
width: 12,
height: 12
}
return {
latitude: v.latitude,
longitude: v.longitude,
anchor: { x: 0.5, y: 0.5 }, <--------------------------
...options
}
})
}
},
}
</script>