Google Maps Api,自定义标记锚点

use*_*810 4 javascript icons google-maps google-maps-api-3 google-maps-markers

我已经创建了一个自定义标记,可以在我的谷歌地图中使用.图标的锚点应位于左下角.在我的地图上,锚点似乎位于图标中心的下边缘.图标是32 x 49.我所包含的代码放置了我的所有标记.我搜索了几个小时,找不到任何答案.V3 api表示该物业是锚.当我使用该属性时,地图上没有标记显示.

var iconImage = "images/Italian Flag Mine New.png";

var map = new google.maps.Map(document.getElementById('map-canvas'), {
    zoom: 12,
    center: new google.maps.LatLng(45.067314, 7.697774),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow();

var iconImage = {
    url: "images/Italian Flag Mine New.png",
    anchorPosition: (0, 49)
};

//var iconImage = {url: "images/Italian Flag Mine New.png",
//               anchor :  (0,49)};

var marker, i, savedMarker;

for (i = 0; i < locations.length; i++) {
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][latIndex], locations[i][lngIndex]),
        map: map,
        animation: google.maps.Animation.DROP,
        icon: iconImage
    });
}
Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激.谢谢.

小智 8

anchor属性是标记构造函数的一部分,但您仍然必须根据Google的文档(在"复杂图标"标题下)创建对象的实例.尝试一下:

var iconImage = {
  url: "images/Italian Flag Mine New.png",
  anchor: new google.maps.Point(0,49)
};
Run Code Online (Sandbox Code Playgroud)

您还应该考虑指定size属性.