Google Maps API：標記圖像定位

Question

我已經更改了用於Google地圖上marker的圖像。 新圖像比舊圖像寬得多，我注意到標記與lat和lng對齊，因此標記位於lat和lng的水平中點。 這不是我想要的，我想讓lat和lng與標記的左側對齊-我想將marker從默認位置向右偏移80像素。

Answer 1

試試看它的大小。

var markerImage = new google.maps.MarkerImage('/img/icon/here.png',
    new google.maps.Size(80, 80), //size
    new google.maps.Point(0, 0), //origin point
    new google.maps.Point(0, 80)); // offset point
marker[stamp] = new google.maps.Marker({
    position: loc, // loc is a variable with my lngLat object
    title: params.name,
    map: window.gMaps[params.map],
    icon: markerImage
});

Answer 2

您需要MarkerImage的'anchor'屬性。 請注意，origin屬性在構造函數調用的錨點之前。 如果您不使用精靈，則可以為可選參數發送null。

如果您的標記是80x60，並且您希望錨點位於左側的中間，請按以下方式創建它：

var markerImage = new google.maps.MarkerImage('customIcon.png', new google.maps.Size(80, 60), null, new google.maps.Point(0, 30));

另請參閱Google的示例 。