Google マップに約 300 のマーカーを配置しました。また、いくつかの地域を Circle で強調表示する必要があります。マップ上に 3 つの円を配置しました。円の外側ではなく、円の内側にのみマーカーを表示したい。円はどこにでも配置でき(固定半径など)、マーカーは円の内側に配置する必要があります。円のマーキングと配置はすべて JavaScript で行われます。私は新卒で、JavaScriptが初めてです。
プラディ
円を描く部分。
for (var i = 0; i < ltlg.length; i++) {
var marker = new google.maps.Marker({
map: map,
position: ltlg[i],
visible: false
});
var circle = new google.maps.Circle({
map: map,
radius: 10 * 55000,
fillcolour: '#AA0000'
});
circle.bindTo('center', marker, 'position');
}
ここで、ltlg[i] は 3 つの緯度と経度を含む配列です。
そして私がマークする部分
for (var i = 0; i < ltlg1.length; i++) {
// var detail = cityDetails[i];
var markerSnowFall = new google.maps.Marker({
map: map,
icon: Image,
position: ltlg1[i]
});
ここで、ltlg1[i] には約 300 の緯度と経度が含まれています。
問題は、マーキングと円の配置を関連付ける方法がわからないことです。現在、両方(マーキングは ltlg1[i] を使用し、cicle は ltlg[i] を使用) は異なる配列を使用しています。