Google maps 在LatLon上将google地图符号路径居中

Google maps 在LatLon上将google地图符号路径居中,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,有没有办法让google.maps.SymbolPath.FORWARD\u CLOSED\u箭头将图标的中心置于LatLng位置。它似乎把箭头指向了那里 我试过用锚做试验,但没用 下面是我的示例代码: var marker=new google.maps.Marker({ position: new google.maps.LatLng(50.124462, -5.539994), icon: { path: google.maps.SymbolPath.FORWARD

有没有办法让google.maps.SymbolPath.FORWARD\u CLOSED\u箭头将图标的中心置于LatLng位置。它似乎把箭头指向了那里

我试过用锚做试验,但没用

下面是我的示例代码:

    var marker=new google.maps.Marker({
position: new google.maps.LatLng(50.124462, -5.539994),
icon: {
        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
        scale: 8,
        strokeWeight: 2,
        fillColor: '#009933',
        fillOpacity: 1,
        rotation: 210,
        anchor: new google.maps.Point(0, 0)
      },
});
marker.setMap(map);

对于该符号,使用(0,2.6)的锚点

最简单的实验方法是移除旋转,然后玩锚看看它去哪里

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(50.124462, -5.539994),
    icon: {
        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
        scale: 8,
        strokeWeight: 2,
        fillColor: '#009933',
        fillOpacity: 1,
        rotation: 210,
        anchor: new google.maps.Point(0,2.6)
    },
});

工作代码段:

var映射;
函数init(){
var startatlng=newgoogle.maps.LatLng(50.124462,-5.539994);
map=new google.maps.map(document.getElementById('map-canvas'){
中心:惊人,
缩放:12
});
var marker=new google.maps.marker({
位置:新google.maps.LatLng(50.124462,-5.539994),
地图:地图
});
var marker=new google.maps.marker({
位置:新google.maps.LatLng(50.124462,-5.539994),
图标:{
路径:google.maps.SymbolPath.FORWARD\u CLOSED\u箭头,
比例:8,
冲程重量:2,
填充颜色:'#009933',
不透明度:1,
轮换:210,
主播:新google.maps.Point(0,2.6)
},
});
marker.setMap(map);
}
google.maps.event.addDomListener(窗口'load',init)
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}

对于该符号,使用(0,2.6)的锚点

最简单的实验方法是移除旋转,然后玩锚看看它去哪里

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(50.124462, -5.539994),
    icon: {
        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
        scale: 8,
        strokeWeight: 2,
        fillColor: '#009933',
        fillOpacity: 1,
        rotation: 210,
        anchor: new google.maps.Point(0,2.6)
    },
});

工作代码段:

var映射;
函数init(){
var startatlng=newgoogle.maps.LatLng(50.124462,-5.539994);
map=new google.maps.map(document.getElementById('map-canvas'){
中心:惊人,
缩放:12
});
var marker=new google.maps.marker({
位置:新google.maps.LatLng(50.124462,-5.539994),
地图:地图
});
var marker=new google.maps.marker({
位置:新google.maps.LatLng(50.124462,-5.539994),
图标:{
路径:google.maps.SymbolPath.FORWARD\u CLOSED\u箭头,
比例:8,
冲程重量:2,
填充颜色:'#009933',
不透明度:1,
轮换:210,
主播:新google.maps.Point(0,2.6)
},
});
marker.setMap(map);
}
google.maps.event.addDomListener(窗口'load',init)
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}