スポンサードリンク
◆ Google Maps API v3 /外部サイトへのリンクURLの記述／jQTouch iPhone用
jQtouchをつかったGoogle Mapの地図を作成後、PCで動作をチェックしても問題なかったのだが、iPhone（アイフォン）の実機でインフォウィンドウ（吹き出し）部の外部サイトへのURLをクリックしても新しい画面が開かないことに気がついた。何故？
このサイトを読みますと、「jQTouchを使ったサイト内のaタグのhrefはすべてjQTouchのサイト内での動作になります。」とあります。
対策として、別ウィンドウで開くとよいとありましたので、target=”_self” をtarget=”_blank”に試してみましたが開かず・・・・・。
＜目次＞始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ（infowindow）を最初から表示する。
さて、前回配列から特定の要素だけ取り出すことができましたので、最初に作ったサンプル地図に合わせていきます。
結局、最初に思いついたのが、for (var i = 0; i < markers.length; i++) で、配列から全てのマーカーを表示させておき、別のfor文でインフォウィンドウを最初から地図に表示させたい特定のマーカーの要素を、for (var i = 6; i <= 6; i++) （この場合6番目の要素）で取り出す案です。・・・というかコレぐらいしか思いつきませんでした。
試していきます。
さて、ここで作ったサンプルマップに、2つめの特定の要素を読み出すfor文を追加します。
＜目次＞始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ（infowindow）を最初から表示する。
前回作成した地図でインフォウィンドウ（吹き出し）を地図の中心に表示させたのはいいのですが、他のマーカーが隠れてしまっています。
これを改善するために、ユーザーが地図を動かしたら、そのインフォウィンドウを消してしまいましょう。
これには、イベントリスナーのdragstart（地図のドラッグがスタート）を使います。似たサンプルで地図の移動が終了したらイベントを発生させるサンプルがあります。このサンプルはdragend(地図のドラッグがエンド)で、データベースからマーカーを都度も見込むのに使っています。参考にどうぞ。
コードは、下記の通りです。google.maps.event.addListenerに’dragstart’を指定します。
＜目次＞始めに地図を読み込んだ時、複数のマーカーから任意の一つのインフォウィンドウ（infowindow）を最初から表示する。
前回作成した地図にインフォウィンドウ（吹き出し）を地図の中心に表示させるためのコードを追加しておきます。
map.panToを使います。とりあえずクリックイベントに追加。これで、マーカーをクリックすると地図の中心座標にインフォウィンドウが表示されることになります。あとで、地図が初期表示されたときのインフォウィンドウも同じコードで地図の中心座標に表示させます。
スポンサードリンク
