以前の記事「Google Street View(ストリートビュー)のConnecting MapにMarkerを表示させる」で作成したストリートビューのマップコネクトの地図がベースです。
複数の駐車場の入り口を紹介するために、ストリートビューと地図を使ったマップコネクトを使用します。地図の外に複数のボタンを設けて、クリックするとそれぞれの駐車場の入り口を表示させるものです。
スポンサードリンク
以前の記事「Google Street View(ストリートビュー)のConnecting MapにMarkerを表示させる」で作成したストリートビューのマップコネクトの地図がベースです。
複数の駐車場の入り口を紹介するために、ストリートビューと地図を使ったマップコネクトを使用します。地図の外に複数のボタンを設けて、クリックするとそれぞれの駐車場の入り口を表示させるものです。
コメントを頂いたので、StreetViewのコネクティングマップにマーカーを表示させてみます。
MySQLではソースが判りにくいかと・・・・・この記事で作成していた地図と このデモサンプル(マップコネクト)を掛け合わせて少し調整して完成。
Google Maps APIサービスがサポートする国・都市は、現在218の地域に広がっています。
ただし、APIサービスの内容は、地域によりまちまち。 map tiles、geocoding(ジオコーデイング)、street view(ストリートビュー)、traffic(交通情報)、driving directions(ルート検索)、biking directions(自転車ルート検索)の対応状況は下記リンクの表から確認で
きます。 Read more »
WordPressの記事内にGoogle Mapやストリートビュー(streetview)を表示させようとしてスムースに行かなかったのでメモ。 記事内にGoogle Mapやストリートビュー(streetview)を表示させるための方法ですが、ポイントは次の通り。様々なやりかたがあると思いますが参考までに。 Read more »
ストリートビュー(streetview)と地図(マップ)を同時に表示させるマップコネクトのストリートビューサンプルですが、ストリートビューをクリックして進んでいくと地図からペグマンがアウトしてししまいます。そこで、ストリートビューを動かしても常にペグマンが地図の中心座標にいるようにposition_changedイベントのソースを加えます。
(WordPress内でのストリートビューマップコネクト動作はコチラ)
Read more »
Google マップ ストリートビューのScriptをWordpressの記事の中に記述したら動作しなかったです。困ってたら、Scriptファイルを外部に置けば良いとのアドバイスが・・・・。
しかし、それでも動かん。 scrで外部URLを指定してもだめ・・・・。
しかし、知ってる方がいらっしゃいました。divで囲うとのこと。感謝!!
<div><script type=”text/javascript” src=”/script/hoge.js”></script></div>
その結果、動作! こんな感じ。 ↓
ストリートビュー画面に合わせて、マップ上の青三角形が移動します。 オーバーレイ(青い道路)表示:
スポンサードリンク