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ランキング
-
迷路探索プログラムを作るには...
-
カンマ区切りのデータを配列に...
-
JQueryでAjax通信をキャンセル...
-
readyStateが4にならない原因
-
フレーム内の要素へのXPATHはど...
-
[jQuery UI] sortableを使いaja...
-
JavascriptからPHPへのAjax通信...
-
jQuery toggle() 戻るで開いた...
-
階層別の組織図の自動作成について
-
要素内を常に一番下を表示させたい
-
IndexedDB を使ってファイルア...
-
.txtファイルの読み込み
-
スクリプトの外部からの読み込み
-
bxsliderで画像毎に表示時間を...
-
Javascriptを使ってQRコード読...
-
Selenium4でボタンをクリックで...
-
SQLのmaxで求めた値を変数に代...
-
FullCalendar の複数月表示につ...
-
メールを送信するボタンでOutlo...
-
日付が変わると自動更新
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
カンマ区切りのデータを配列に...
-
二つのbxsliderをレスポンシブ...
-
たくさんの経由地がある巡回ル...
-
迷路探索プログラムを作るには...
-
C言語の 配列の中 出力について
-
google maps api v3のルート検索
-
Google Maps:同マップ内でそれ...
-
Googleストリートビューの写真...
-
webサービス上のkmlをgooglemap...
-
Googleマップのウィンドウの表示
-
Haskellのsubtractについて
-
google maps 吹き出しカウント...
-
数字をピクチャボックスの上に...
-
GoogleMapの移動量
-
GoogleMapでアイコンを500件表...
-
googleマップが表示されない。
-
グーグルマップにマーカーを色...
-
ドラッグ & ドロップでのド...
-
JavascriptからPHPへのAjax通信...
-
階層別の組織図の自動作成について
おすすめ情報