Googleマップの情報ウィンドウの件ですが、ページが開いた瞬間ウィンドウが開いた状態にしたいのですが、
クリックしてウィンドウを開く方法しかわかりませんでした。
ワンクッション置かずにウィンドウを表示させる方法はありませんでしょうか?
以下が関連のソースになります。
上手くカスタマイズできませんでしょうか。(座標はダミーです)
よろしくお願いいたします。
//指定されたpoint(緯度経度)、icon、htmlをもったGMarkerを作って返す関数
function createMarker(point, icon, html) {
var marker = new GMarker(point, icon);
//クリックしたら吹き出し表示
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
//アイコンを追加
map.addOverlay(createMarker(new GLatLng(105.612038, 27.409698),
icon, "<nobr><b>aaa<br>aaa</b><br>aaa<br>aaa</nobr>"));}
}
No.2ベストアンサー
- 回答日時:
あ、ホントだ、エラーになっちゃいますねぇ、、、
確認もせず投稿してすいません
一応、こんな感じに関数を入れ子構造にすればそのまま窓を開くことができました。
----------------------------------------------------------
//アイコンを追加
function createMarker(point,icon) {
marker = new GMarker(point,icon);
return marker;
}
//アイコンを追加する関数を呼び、ウィンドウを開く
function tatoeba(point,icon,html){
map.addOverlay(createMarker(point,icon));
marker.openInfoWindowHtml(html);
}
var icon;
//指定されたpoint(緯度経度)、icon、htmlをもったGMarkerを作って返す関数
tatoeba(new GLatLng(35.658,139.745),icon,
"<nobr><b>aaa<br>aaa</b><br>aaa<br>aaa</nobr>");
--------------------------------------------------------
質問者さんがしようとしてることに沿ってるかどうか不安ですが(特にアイコンのあたり)、
参考になれば幸いです
お返事が遅くなってすみません。
おかげさまで無事になりましたありがとうございました。iconの所はマーカーの画像を好きな物に変えることができるみたいです。
functionでもう一度htmlを呼び出さないといけないんですね…勉強になりました。
No.1
- 回答日時:
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
の部分を単に
marker.openInfoWindowHtml(html);
と変更すればよいのでは?
質問の意味を取り違えていたら申し訳ありませんが。
ご質問のご回答ありがとうございます。私もclick部分があやしいと思って試してみたのですが…こんな感じでやってみました。
//指定されたpoint(緯度経度)、icon、htmlをもったGMarkerを作って返す関数
function createMarker(point, icon, html) {
var marker = new GMarker(point, icon);
marker.openInfoWindowHtml(html);
return marker;
}
何故かエラー表示になってしまいます。(マーカーがひかれない)googleマップの関数?はデリケートです…。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
二つのbxsliderをレスポンシブ...
-
SQLのmaxで求めた値を変数に代...
-
変数にドットをいれることはか...
-
jQueryのblockUIをformのボタン...
-
JSONをperlで受け取る方法
-
アコーディオンメニューをブラ...
-
JavaScriptでtabindexの変更っ...
-
Javascriptを使ってQRコード読...
-
繰り返し処理のシンプルな書き方
-
AjaxでJSONを受信すると、文字...
-
ページ内リンクで#などのアンカ...
-
<input>のvalue値をプルダウン...
-
Selenium Basicの件
-
JavascriptからPHPへのAjax通信...
-
スライドを最後の画像で止めたい
-
inputタグ内にあるid属性の意味?
-
JQueryの変数の扱いで弱ってい...
-
多数のCPUを使い同期処理をした...
-
変数の内容を別functionに渡したい
-
jQueryのアコーディオン一番目...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
カンマ区切りのデータを配列に...
-
二つのbxsliderをレスポンシブ...
-
たくさんの経由地がある巡回ル...
-
迷路探索プログラムを作るには...
-
C言語の 配列の中 出力について
-
google maps api v3のルート検索
-
Google Maps:同マップ内でそれ...
-
Googleマップのウィンドウの表示
-
webサービス上のkmlをgooglemap...
-
Googleストリートビューの写真...
-
google maps 吹き出しカウント...
-
Haskellのsubtractについて
-
数字をピクチャボックスの上に...
-
GoogleMapの移動量
-
GoogleMapでアイコンを500件表...
-
googleマップが表示されない。
-
グーグルマップにマーカーを色...
-
ドラッグ & ドロップでのド...
-
JavascriptからPHPへのAjax通信...
-
階層別の組織図の自動作成について
おすすめ情報