GoogleMapの地図をStreetViewに対応

GoogleMapの地図をStreetViewに対応

記事一覧GoogleMapの地図をStreetViewに対応

航空写真のように、ストリートビューのコントロールボタンを地図の右上に表示したかったのですが API が見つからず断念。平日の夜だし時間もないので、下記のサイトを参考に、ランチページなどの地図をストリートビューに対応してみました。

[to-R]Google Map API にStreet View Objectsが追加

上記のサイトのサンプルを少しだけ変更して、地図の水色部分をクリックすると、地図を消してストリートビューが表示されるようにしました。地図に戻れないのが残念ですが、その内ボタン切り替え対応しようと思います。既存のソースに追加した箇所を書いておきます。

既存のソースは省略しますが、ランチページなどで html のソースを見ればわかりますのでそちらを参考にして下さい。珍しく IE で確認してみたら表示されない(FireFoxでは確認済)苦手な JavaScript の領域に踏み込むんじゃなかった・・・orz
(調整したら内容も修正します)

[Google]
ストリートビューのAPI

[追記]
IE で表示されない問題は IE の Flash 用の ActiveX が
入ってなかったという初歩的なオチ。
IE 全然使ってなかったからマッサラだったのね・・・。
function init() {

    (省略)

    // GMap2 インスタンスの addOverlay メソッドに
    // GStreetviewOverlay のインスタンスを渡す
    svOverlay = new GStreetviewOverlay();
    map.addOverlay(svOverlay);

    // リスナーに追加
    GEvent.addListener(map, 'click', function(objOverlay, objPoint) {
        add_Streetvie(objPoint)
    })
}

// リスナーから呼ばれるメソッドはほぼコピーして利用
// getElementById の引数をマップの div タグの id に合わせる
var add_Streetvie = function(objPoint) {

    (省略)

    document.getElementById("map")

    (省略)

}

参考カテゴリ

オススメ記事

最新の投稿やよく見られているのオススメ記事一覧です。

標準出力と標準エラー出力をパイプに渡す

よく、標準出力先をファイルにリダイレクトすることはありますが、意外に標準エラー出力は使う機会がありません。しかし、やはりツールやパッケージ製品になると標準エラー出力も活用されているようです。でも、...

Linux(FreeBSD)

>>記事を確認する

主要無料ブログ5つに対する自動投稿PHPプログラム

アメブロへ楽天APIなどの情報を自動で投稿する の反響が良かったので、どうせならアメブロ以外の無料ブログの XML-RPC を使った自動投稿も紹介したいと思います。これには FC2BlogManager.php というライブ...

PHP

>>記事を確認する

snmpでデバイスの情報を取得

snmpでデバイスの情報を取得するコマンドです。これを元に、ディスクIOなどのMIB値を探します。 $ snmpwalk -v 2c -c {SNMPGROUPNAME} localhost 1.3.6.1.4.1.2021.13.15.1.1.2 (結果の一部) UCD-DIS...

Linux(FreeBSD)

>>記事を確認する

awkで指定したカラム以降をprint表示する

前回、awk で最後のカラム以外を表示してみましたが、今回は指定したカラム以降のカラムを全部表示したいと思います。 例えば、7 個の文字列がカンマで区切られているファイルがあるとしたら、3 番目のカラム...

awk / シェル

>>記事を確認する

CentOSでRedisサーバを使う

冗長化した Web サーバなどで、セッションの管理や、セッションや特定のユーザーに紐付く一時データを管理するのに memcache を使う場面は多いと思います。 その memcache の中でも主流なのが memcached です...

Linux(FreeBSD) / CentOS / Redis

>>記事を確認する

新しいぐるなびAPIで飲食店の店舗情報取得

過去に作成した「ぐるなびAPI」のプログラムや、ぐるなびの Web Service が新しくなったこともあり、API からの情報取得プログラムを書き換えてみました。 以前の記事は下記になります。 ・ ぐるなびAPIで...

WebAPI

>>記事を確認する

NginxのFastCGIキャッシュで白い画面がキャッシュされる

以前から、トップページにアクセスすると、レスポンスステータスは 200 で返ってくるのに、画面に何も表示されない現象が稀に見受けられたので調査してみました。 さすがに機会損失にも繋がるということで、...

Nginx

>>記事を確認する

Laravel5.4の認証ユーザーのパスワードハッシュについて

Laravel で用意されている認証モジュールを利用する際、ユーザーモデル(User.php)経由で登録されるパスワードのハッシュ方法について調べてみました。 Laravel 上ではパスワード文字列を bcrypt() のヘルパー...

PHP / Laravel

>>記事を確認する

Laravel5.4のコントローラコンストラクタでAuth::user()が取得できない

Laravel5.4 で認証を通したアクセスに対して、コントローラのコンストラクタでユーザモデルの値を取得しようと思ったら、なぜか Auth::user() の値が取得できなくて悩みました。 public function __construc...

PHP / PHPフレームワーク / Laravel

>>記事を確認する

NginxのHSTS(HTTP Strict-Transport-Security)の設定

「Let's Encrypt」のおかげで、全サイト SSL 化していますが、これまで nginx の設定では、http のアクセスがあった場合に https に 301 リダイレクトさせていました。 この場合、Googlebot に http のアク...

セキュリティ / Nginx / SSL

>>記事を確認する