特定の緯度と経度に円のある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 を使用して円の中心を設定しています。