![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
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で質問しましょう!
似たような質問が見つかりました
- その他(ソフトウェア) Figma 1 2023/06/23 14:22
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- CPU・メモリ・マザーボード タスクマネージャーでのアプリの稼働についての質問です。 2 2023/06/14 12:58
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- Word(ワード) Microsoft Word2023で、修正箇所を表示させたい 1 2023/02/09 10:07
- Windows 10 Google日本語入力について 3 2022/10/20 15:51
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Google Maps:同マップ内でそれ...
-
たくさんの経由地がある巡回ル...
-
カンマ区切りのデータを配列に...
-
jQueryのblockUIをformのボタン...
-
jQuery3 reset()が効かない。
-
テーブルの形式を整えるJavascript
-
Javascriptを使ってQRコード読...
-
変数にドットをいれることはか...
-
スクリプトの外部からの読み込み
-
[jQuery UI] sortableを使いaja...
-
IndexedDB を使ってファイルア...
-
readyStateが4にならない原因
-
jQueryでloadしたphpをapendTo...
-
パソコンで動くjavascriptがス...
-
WebbrowserよりHTMLのValue値を...
-
Selenium4でボタンをクリックで...
-
Rails3でのクリックされたボタ...
-
ajaxからphpにpsotしたときの日...
-
クリックテキストを次ページに表示
-
JQueryで動的生成のスライダが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
カンマ区切りのデータを配列に...
-
たくさんの経由地がある巡回ル...
-
Googleマップに複数のピンを立...
-
二つのbxsliderをレスポンシブ...
-
Python: TypeError
-
Googleマップのピンをクリック...
-
how's whether today in yufuin?
-
Googleストリートビューの写真...
-
サイドバー付きGoogle Mapについて
-
googleマップが表示されない。
-
迷路探索プログラムを作るには...
-
透過レイヤー上にフォーム
-
Selenium4でボタンをクリックで...
-
JavascriptからPHPへのAjax通信...
-
Javascriptを使ってQRコード読...
-
SQLのmaxで求めた値を変数に代...
-
JavaScriptでtabindexの変更っ...
-
インラインフレームを自動更新...
-
jQueryを使いformでsubmitした...
-
同一ページ移動時ハンバーガー...
おすすめ情報