google mapに複数マーカーを設置する関数
google mapに複数のマーカーとそれに伴う吹き出しを作成しています。
マーカーの数は上下するのですが、大体30～40個くらいが設置される予定です。
ただできるだけjsのソースを少なくしたいと思っているため、ループでまとめて記述できないかと試行錯誤しています。
ちなみに現状は以下のように記述しています。
* * * * * * * * * * * * * * * * * * * * * * * * *
var marker2 = new google.maps.Marker({
position: new google.maps.LatLng(座標),
map: map,
title: 'マーカー2'
});
var contentString2 = '吹き出しテキスト';
var infowindow2 = new google.maps.InfoWindow({
position: new google.maps.LatLng(座標),
content: contentString2
});
google.maps.event.addListener(marker2, 'click', function() {
infowindow2.open(map,marker2);
});
* * * * * * * * * * * * * * * * * * * * * * * * *
この「2」の部分を各数字に変えてマーカー分記述していたのですが、
面倒で尚且つソースが非常に多くなるため困っています。
for関数でループさせてみようと思い作成してみたのですが、うまく動作しません。
ちなみに吹き出し内のコメントはすべて違う内容になるため、せめてgoogle.maps.event.addListenerの部分だけでも、と思っています。
javascriptは初心者で、上記のソースも色々調べた上で見よう見まねで作っています。
どなたか効率のよい方法を教えていただけますでしょうか。
よろしくお願い致します。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_4_thumbnail_img_sm.png)
補足
なるほど。 しかし、そのデータは一個人で手に入れられるものでしょうか。 まさか手打ちするわけにもいきませんし。