google-maps - 将标记图像从 v2 转换为 API V3

Question

我正在尝试转换为 API v2 编写的以下代码

<!--- Add position and date information --->
var trackIcon = new GIcon({image:"/images/www2/icons/map_track_marker.png"});
trackIcon.iconSize = new GSize(6,6);
trackIcon.iconAnchor = new GPoint(3,3);
for (var i=0; i<trackArray.length;i++)
{
map.addOverlay(new GMarker(trackArray[i],{title:trackArrayInfo[i],icon:trackIcon}));
}

到V3，但没有成功。这是我不成功的尝试:

<!--- Add position and date information --->
var trackIcon = new google.maps.Icon({image:"/images/www2/icons/map_track_marker.png"});
trackIcon.iconSize = new google.maps.Size(6,6);
trackIcon.iconAnchor = new google.maps.Point(3,3);                          
for (var i=0; i<trackArray.length;i++)
{
   new google.maps.Marker(trackArray[i], {title:trackArrayInfo[i],icon:trackIcon}).setMap(map);
}

谁能帮我解决这个问题？我越来越绝望了:(

Answer 1

图标对象在 API v3 中没有 image、iconSize 或 iconAnchor 属性。相反，它们只是 url、size 和 anchor。

您还需要将新标记的结果分配给一个变量。我假设您此时遇到了 JS 错误，尽管您的问题中没有出现该错误(如果出现可能会有用)。

/* Add position and date information */
var trackIcon = new google.maps.Icon({
    url :"/images/www2/icons/map_track_marker.png",
    size : new google.maps.Size(6,6),
    anchor : new google.maps.Point(3,3)
});

for (var i=0; i<trackArray.length;i++)
{
   var marker = new google.maps.Marker({
          position: trackArray[i],
          map: map, 
          title: trackArrayInfo[i], 
          icon: trackIcon
   });
}