スポンサードリンク

Tag Archives: ボタン

全画面フルスクリーン表示を切り替えるボタンを地図内に実装する

グーグルマップの画面内に「地図」「航空写真」を切り替えるボタンがありますが、それと同じようなボタンを設置して、容易にブログに埋め込んだグーグルマップの全画面化を可能にする方法です。

<通常時表示>

「Full Screen」 ボタンが地図右上に表示されている

full1

  Read more »

Googel Maps API + Traffic Layer(交通渋滞情報レイヤー) +ON/OFFボタン /JQtouch

Google Mapに表示することの出来る交通渋滞情報が思っていたよりも便利。Traffic Layer(交通渋滞情報レイヤー) をiPhone(スマートフォン用端末)地図に追加してみます。

出来れば、iPhone(スマートフォン端末)の画面をタップしたら表示/非表示を繰り返すことが出来るような手軽なものに。

Read more »

画面左上部のclass ”back” button(バックボタン)が target=”_webapp”の場合に正常に動作しない問題(不具合)/jQtouch

 

 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 では正常に動作。

 

  Read more »

ストリートビュー地図(マップコネクト)の外にペグマンの表示位置を切り替えるボタンを設置する

以前の記事「Google Street View(ストリートビュー)のConnecting MapにMarkerを表示させる」で作成したストリートビューのマップコネクトの地図がベースです。

複数の駐車場の入り口を紹介するために、ストリートビューと地図を使ったマップコネクトを使用します。地図の外に複数のボタンを設けて、クリックするとそれぞれの駐車場の入り口を表示させるものです。

Read more »

スポンサードリンク