人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Googlemap apiでの配列についての質問です。複数のマーカーを表示して、そのマーカーをクリックすると情報ウィンドウ(吹きだし)が出るように設定を行いたいのです。一つの時は設定できるのですが、複数の時は2次配列?を使ってすっきり表示したいのですがjavascriptの知識が乏しく出来ません。どなたかお願い致します。マーカーの緯度経度と情報ウィンドウの中身を上手くすっきりと2次配列にする方法を教えて下さい。

●質問者: tokyoyama
●カテゴリ:インターネット ウェブ制作
✍キーワード:API JavaScript ウィンドウ クリック 配列
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● withgod
●27ポイント

ちょっと質問を把握してるか謎なんですが・・・

#google map云々では無い気がするのですが(。。;


配列で情報を保持し、マーカーを追加するので有ればコンナ感じでは無いでしょうか。

list = [

['marker1', 'info', x, y],

['marker2', 'msg', x, y],

['marker3', 'test', x, y],

];

for (i = 0; i < list.length; i++) {

point = new GPoint(list[i][2], list[i][3]);

marker = new GMarker(point);

map.addOverlay(marker);

GEvent.addListener(marker, 'click', function() {

marker.openInfoWindowHtml("<strong>" + list[i][0] + "</strong><br>" + list[i][1]);

});

}

◎質問者からの返答

コピペしてみたんですが出来ませんでした。

なぜでしょうか?

//

function load() {

if (GBrowserIsCompatible()) {

var map = new GMap2(document.getElementById("map"));

map.setCenter(new GLatLng(43.05578, 141.353257), 15);

map.addControl(new GLargeMapControl());

map.addControl(new GMapTypeControl());

list = [

['marker1', 'info', 43.05578, 141.353257],

['marker2', 'msg', 43.05578, 141.353357],

['marker3', 'test', 43.05578, 141.353457],

];

for (i = 0; i < list.length; i++) {

point = new GPoint(list[i][2], list[i][3]);

marker = new GMarker(point);

map.addOverlay(marker);

GEvent.addListener(marker, 'click', function() {

marker.openInfoWindowHtml("" + list[i][0] + "
" + list[i][1]);

});

}





}

}

//]]>


2 ● withgod
●27ポイント

動きません、だけでは何が問題か検討も付かないのでお答えできません(。。;

本来ならコメントで答えたいところなのですが、コメント不可能なので回答で答えます。


取り合えずすぐ解る問題点としては、インデントの体裁を整えるために全角スペースでインデントしてるんですが、それをそのまま利用してるようです。

forの中とかは利用してる変数以外は、ご自身で書かれてる物に置き換えた方が良いですよ。(単体はちゃんと動かせてるらしいですし。)

多次元配列の確保の仕方と、それぞれの値へのループでのアクセス方法を用意したので、それを参考にしてみて下さい。

http://rider.withgod.jp/tmp/qhatena/1190268706.html


3 ● Yota
●26ポイント

GMarkerManagerを使う事例なのかなという気がします。

http://code.google.com/apis/maps/documentation/reference.html#GM...

使用例はこちら。

http://econym.googlepages.com/markermanager.htm

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ