-1

イメージ スプライトを使用して、Google マップ (v3) マーカー オブジェクトの MarkerImage を定義しています。スプライト イメージは、イメージの 0,0 (左上) から 100 ピクセル下にあります。次のようにコードします。

(function () {
    var icon = new google.maps.MarkerImage(
       "//localhost:8000/public/img/sprite.png",
        new google.maps.Size(25, 25),
        new google.maps.Point(0, -100));
    var position = new google.maps.LatLng(39.27, -105.99);
    var marker = new google.maps.Marker({icon: icon, position: position});
    marker.setMap(map);
}());

このコードは正しいです。ただし、マーカー イメージは表示されません。

注: この問題の解決策を発見しました。ここでまだ回答されていないため、この質問を作成しています。私と同じように、誰かの時間を大幅に節約できるかもしれません。

4

1 に答える 1

0

なんらかのばかげた理由で、Google は、正の y 軸値が画像スプライトを下にトラバースする (グラフ的に言えば負にプロットする) ことを期待しています。

CSS で (0, -100) の背景位置を設定する場合は、(0, 100) を Google に渡す必要があります。

于 2012-09-20T21:32:33.980 に答える