Javascript 如何在旋转后阻止符号标记(箭头)移动?

Javascript 如何在旋转后阻止符号标记(箭头)移动?,javascript,google-maps,Javascript,Google Maps,将旋转参数从45度更改为315度时,您会注意到标记图标不会从其中心旋转,而是会移动。我希望能够从它的中心旋转,并保持在固定的坐标系中 事先非常感谢你 我已经尝试过使用fixedRotation:true参数,但我不理解锚点参数 var windlocation = {lat: 18.331780, lng: -64.95246}; var currentlocation = {lat: 18.331780, lng: -64.950632}; var win

将旋转参数从45度更改为315度时,您会注意到标记图标不会从其中心旋转,而是会移动。我希望能够从它的中心旋转,并保持在固定的坐标系中

事先非常感谢你

我已经尝试过使用fixedRotation:true参数,但我不理解锚点参数

      var windlocation = {lat: 18.331780, lng: -64.95246};
      var currentlocation = {lat: 18.331780, lng: -64.950632};

      var windmarker = new google.maps.Marker({
        position: windlocation,
        map: map,
        icon:  {path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
        rotation: 45,
        fixedRotation:true,
        offset: '0%',
        scale: 7,
        strokeColor: 'green',
        strokeWeight: 3

      }

      });

      var currentmarker = new google.maps.Marker({
        position: currentlocation,
        map: map,
        icon:  {path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,            
        rotation: 45,
        fixedRotation:true,
        offset: '0%',
        scale: 7,
        strokeColor: 'blue',
        strokeWeight: 3,
        fillColor: 'blue'

        }

没有错误消息,只需在旋转后将标记保持在固定位置。

默认情况下,锚定位于箭头的“点”处。如果希望它围绕箭头中心旋转,请将锚定设置为
anchor:new google.maps.Point(0,2.5)

代码片段:

var映射;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
缩放:16
});
var windlocation={
拉脱维亚:18.331780,
液化天然气:-64.95246
};
var currentlocation={
拉脱维亚:18.331780,
液化天然气:-64.950632
};
var windmarker=new google.maps.Marker({
位置:windlocation,
地图:地图,
图标:{
路径:google.maps.SymbolPath.FORWARD\u CLOSED\u箭头,
轮换:45,
固定旋转:对,
偏移量:“0%”,
比例:7,
strokeColor:'绿色',
冲程重量:3
}
});
var m1=新的google.maps.Marker({
位置:windlocation,
地图:地图,
图标:{
url:“https://maps.gstatic.com/intl/en_us/mapfiles/markers2/measle.png",
大小:新谷歌地图大小(7,7),
主播:新google.maps.Point(3.5,3.5)
}
});
var currentmarker=new google.maps.Marker({
位置:当前位置,
地图:地图,
图标:{
路径:google.maps.SymbolPath.FORWARD\u CLOSED\u箭头,
轮换:0,
固定旋转:对,
偏移量:“0%”,
比例:7,
strokeColor:'蓝色',
冲程重量:3,
fillColor:'蓝色',
主播:新google.maps.Point(0,2.5)
}
});
var m2=新的google.maps.Marker({
位置:当前位置,
地图:地图,
图标:{
url:“https://maps.gstatic.com/intl/en_us/mapfiles/markers2/measle.png",
大小:新谷歌地图大小(7,7),
主播:新google.maps.Point(3.5,3.5)
}
});
map.setCenter(windmarker.getPosition());
setInterval(函数(){
var icon=currentmarker.getIcon();
图标旋转+=5;
icon.rotation%=360;
currentmarker.setIcon(图标);
}, 500);
}
html,
身体,
#地图{
身高:100%;
保证金:0;
填充:0;
}