3

特定の緯度と経度に円のあるGoogleマップがあります。また、円の中心に表示するマーカーを使用しています。これは、円が設定されている緯度と経度である必要があります。

これが私が話していることのスクリーンショットです: ここに画像の説明を入力

「6」と「7」が円の中心にないことがわかります。これを修正する方法がわかりませんか?

マーカーコードは次のとおりです。

var markerIcon = [
                "img/marker-icon-1.png",
                "img/marker-icon-2.png",
                "img/marker-icon-3.png",
                "img/marker-icon-4.png",
                "img/marker-icon-5.png",
                "img/marker-icon-6.png",
                "img/marker-icon-7.png",
                "img/marker-icon-8.png",
                "img/marker-icon-9.png",
                "img/marker-icon-10.png"
            ];


var marker = new google.maps.Marker({
    position:new google.maps.LatLng(mapDataTrending[i].lat, mapDataTrending[i].lng),
    icon: markerIcon[i],
    map: map
});

JSON ファイルから Lat と Lng を設定していますが、同じ Lat と Lng を使用して円の中心を設定しています。

4

2 に答える 2

4

画像をマーカーとして配置すると、画像の下部中央が選択した緯度になることに注意してください。Icon.anchor プロパティを介して画像サイズを調整する必要があります( icon を使用しているため、GoogleマップJavascript v3について話していると仮定します)

https://developers.google.com/maps/documentation/javascript/reference#アイコン

于 2013-02-21T14:47:13.393 に答える