35

Googleマップでは、通常、マーカーの画像の中央下部が、マークする必要があるポイントの緯度経度です。

マーカー アイコンが円であると想像してください。その中心を指定されたポイントの緯度経度にしたいと思います...

コード：

var image_hotspot = 'img/icons/bank_euro.png';
var marker = new google.maps.Marker({
      map: map,
      position: placeLoc,
      icon: image_hotspot
    });
4

4 に答える 4

37

必要なのは、次のようなMarkerImageオブジェクトを作成することです。

var markerImage = new google.maps.MarkerImage('img/icons/bank_euro.png',
                new google.maps.Size(30, 30),
                new google.maps.Point(0, 0),
                new google.maps.Point(15, 15));

ここで、最初のパラメーターは画像のURL、2番目は画像のサイズ、3番目は画像の原点、4番目はマーカーが指す画像上の位置です。マーカーが円の場合は、4番目のパラメーターを画像の中央に設定します。markerImageそして、アイコンプロパティに渡すマーカーを作成します。

var marker = new google.maps.Marker({
  map: map,
  position: placeLoc,
  icon: markerImage
});
于 2012-08-23T14:07:21.057 に答える