グーグルマップの画面内に「地図」「航空写真」を切り替えるボタンがありますが、それと同じようなボタンを設置して、容易にブログに埋め込んだグーグルマップの全画面化を可能にする方法です。
<通常時表示>
「Full Screen」 ボタンが地図右上に表示されている
スポンサードリンク
iPhone(スマートフォン端末用)のサイトをjQtouchで作成中に発生した問題
/main/index.html#home ⇒ /googlemap/#mapdemo ⇒ /googlemap/#about ⇒ /googlemap/#mapdemo 、続いて/main/index.html#homeへ戻るためのhomeボタンを押すとここで問題発生、/main/index.html#homeではなく/googlemap/#aboutへリダイレクトされてしまう。何故?
homeボタンは、以前と同じソース <a class =”back” target=”_webapp” href=”../main/index.html#home”>Home</a> となっているが何が悪いのか?リンクアドレスは正常。jQtouchライブラリ側で何らか変わった?
/main/index.html#home ⇒ /googlemap/#mapdemo ⇒ /main/index.html#home では正常に動作。
以前の記事「Google Street View(ストリートビュー)のConnecting MapにMarkerを表示させる」で作成したストリートビューのマップコネクトの地図がベースです。
複数の駐車場の入り口を紹介するために、ストリートビューと地図を使ったマップコネクトを使用します。地図の外に複数のボタンを設けて、クリックするとそれぞれの駐車場の入り口を表示させるものです。
スポンサードリンク
当サイトのご情報利用につきましては、ご自身の判断によりご使用下さい。 なお、各ページへのリンクはご自由にどうぞ。その他クレーム・苦情・要望等は、各記事のコメントからお願いします。 なお、要望等の対応には時間をいただきくことを了解の上、コメントしてください。当方回答可能なものであればコメントバックさせて頂きます。