インフォウィンドウ(infowindow)インフォウィンドウ(吹き出し)の外部サイトへのリンクURLの記述/iPhoneサイトをjQTouchで作成する。Mapの地図を作成後、PCで動作をチェックしても問題なかったのだが、iPhone(アイフォン)の実機でインフォウィンドウ(吹き出し)部の外部サイトへのURLをクリックしても新しい画面が開かないことに気がついた。?このサイトを読みますと、「jQTouchを使ったサイト内のaタグのhrefはすべてjQTouchのサイト内での動作になります。target=”_blank”に試してみましたが開かず・・・・・。views<目次>始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ(infowindow)を最初から表示する。(その1)外部XMLファイルでなく内部ソースにマーカー用の配列を記述する。(その2)マーカーのインフォウィンドウ(吹き出し)を地図の中心座標に表示させるpanTo()メソッドを使ったサンプル(その3)イベントリスナー’dragstart’で、地図をドラッグしたらマーカーのインフォウィンドウ(吹き出し)を閉じて削除する。インフォウィンドウ(infowindow)を最初から一つだけ表示する方法の検討1.特定の要素を取り出すfor文の追加さて、前回配列から特定の要素だけ取り出すことができましたので、最初に作ったサンプル地図に合わせていきます。(この場合6番目の要素)で取り出す案です。・・・というかコレぐらいしか思いつきませんでした。ここで作ったサンプルマップに、2つめの特定の要素を読み出すfor文を追加します。views<目次>始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ(infowindow)を最初から表示する。(その1)外部XMLファイルでなく内部ソースにマーカー用の配列を記述する。(その2)マーカーのインフォウィンドウ(吹き出し)を地図の中心座標に表示させるpanTo()メソッドを使ったサンプル(その3)イベントリスナー’dragstart’で、地図をドラッグしたらマーカーのインフォウィンドウ(吹き出し)を閉じて削除する。mapsでたくさんのマーカーを表示させる方法とてfor文が使われていますが、実際はどうなっているのか?試してみました。配列を記述したサンプル地図ですが、配列が4列、要素が9行になります。従って、2次元配列で各配列の要素を指定できることになるそうです。»イベントリスナー’dragstart’で、地図をドラッグしたらマーカーのインフォウィンドウ(吹き出し)を閉じて削除する。views<目次>始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ(infowindow)を最初から表示する。(その1)外部XMLファイルでなく内部ソースにマーカー用の配列を記述する。(その2)マーカーのインフォウィンドウ(吹き出し)を地図の中心座標に表示させるpanTo()メソッドを使ったサンプル(その3)イベントリスナー’dragstart’で、地図をドラッグしたらマーカーのインフォウィンドウ(吹き出し)を閉じて削除する。インフォウィンドウ(吹き出し)を地図の中心に表示させる。前回作成した地図でインフォウィンドウ(吹き出し)を地図の中心に表示させたのはいいのですが、他のマーカーが隠れてしまっています。これを改善するために、ユーザーが地図を動かしたら、そのインフォウィンドウを消してしまいましょう。これには、イベントリスナーのdragstart(地図のドラッグがスタート)を使います。似たサンプルで地図の移動が終了したらイベントを発生させるサンプルがあります。このサンプルはdragend(地図のドラッグがエンド)で、データベースからマーカーを都度も見込むのに使っています。コードは、下記の通りです。google.maps.event.addListenerに’dragstart’を指定します。views<目次>始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ(infowindow)を最初から表示する。(その1)外部XMLファイルでなく内部ソースにマーカー用の配列を記述する。(その2)マーカーのインフォウィンドウ(吹き出し)を地図の中心座標に表示させるpanTo()メソッドを使ったサンプル(その3)イベントリスナー’dragstart’で、地図をドラッグしたらマーカーのインフォウィンドウ(吹き出し)を閉じて削除する。インフォウィンドウ(吹き出し)を地図の中心に表示させる。前回作成した地図にインフォウィンドウ(吹き出し)を地図の中心に表示させるためのコードを追加しておきます。map.panToを使います。クリックイベントに追加。これで、マーカーをクリックすると地図の中心座標にインフォウィンドウが表示されることになります。あとで、地図が初期表示されたときのインフォウィンドウも同じコードで地図の中心座標に表示させます。外部XMLファイルでなく内部ソースにマーカー用の配列を記述する。views<目次>始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ(infowindow)を最初から表示する。(その1)外部XMLファイルでなく内部ソースにマーカー用の配列を記述する。(その2)マーカーのインフォウィンドウ(吹き出し)を地図の中心座標に表示させるpanTo()メソッドを使ったサンプル(その3)イベントリスナー’dragstart’で、地図をドラッグしたらマーカーのインフォウィンドウ(吹き出し)を閉じて削除する。外部XMLファイルの変わりにjavascript内にマーカー用の配列を記述する。XMLファイルを横にらみしながらですと判りずらいので、配列データをコード内に用意します。35.728681,139.719765,'suizokukan']];左から、ココの要素の名称、座標lat,lng、カテゴリ分けをするための「kouen」「onsen」「suizokukan」です。始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ(infowindow)を最初から表示する。複数のマーカーから任意の一つのインフォウィンドウ(infowindow)を最初から表示する。V3で大量多数マーカー(アイコン)多数ののmarkerデータを読み込んだ後に、一つだけ最初から希望するインフォインフォウィンドウ(infowindow)を開いておく(表示させる)案がないか考えていきます。XMLファイルからマーカー(marker)を配列に読み込んで、配列から希望する要素のインフォウィンドウを表示する手段を下記の順で検討してみました。当方素人ですので、あくまで参考程度で・・・・。インフォウィンドウのサイズの大きさを指定する方法インフォウィンドウのサイズ指定についてメモ。インフォウィンドウっていざいろいろやろうとすると結構難しい。きさを指定したい場合は、次の案があります。Youtube動画を吹き出し(インフォウインドウ)に表示するYoutubeの動画をインフォウィンドウ(infowindow)に表示させてみます。1.先ずYouTubeにアクセスYouTubeサイト2.YouTube動画の下部にある埋め込みコードをコピペして3.infowindowの吹き出しコンテンツに貼り付けます。地図の拡大・縮小用のクリックボタン(アイコン)を地図の外に設置&現在の地図のズームレベルをインフォウィンドウ(infowindow)に表示する。/ズームレベルを変更するためのボタンを地図の外部に設置する。通常、地図のズームレベルは、マウスホイールを回転させれば、それでOKだが、iPhone(アイフォン)等スマートフォンでは、それが出来ない。希望のズームレベルへ変更したいものだ。それなら、マップの外にズーム用のボタンを設置する案しか無いかな・・・。ズーム関係で、使う要素は、ズームレベルを指定するための、setZoom()。それと現在のズームレベルを得るための、getZoom()。function()の3つ。(1)ズームレベルを指定するズームレベルを指定するscriptは、次のこれだけ。ズームレベルをしてするのは「setZoom」。それに初期座標からずれないようにpantToを追加したもの。google.maps.Mar...iPhone(アイフォン)のicloud。カメラの使い方がとっても便利に。chromeを使用して下さい。I.E7、8では見れません。viewsiPhone(アイフォン)のicloud。当サイトのご情報利用につきましては、ご自身の判断によりご使用下さい。各ページへのリンクはご自由にどうぞ。その他クレーム・苦情・要望等は、各記事のコメントからお願いします。要望等の対応には時間をいただきくことを了解の上、コメントしてください。当方回答可能なものであればコメントバックさせて頂きます。