Maps国土地理院地図その他サイトの地図を開いた人がストリートビューも見られる機能を作ればこれは便利だろうと考えたのだ。Extensionでやってみたらいい感じで出来た。Mapsが本来持っているStreetView機能は使っていない。拡張機能によって別ウインドウにストリートビューを表示している。具体的には以下のサイトです。http://www.wareko.net/maps/streetview/index.htmlただし、このリンクを単体で開いても多分何も表示されない。拡張機能とペアで連動して動くようになっている。アメリカなど数十種類ある。全部のドメインに対応しているのだ。YahooマップにStreetViewウインドウを表示した例http://map.yahoo.co.jp/mapsYahooマップの場合の注意Yahooマップでは、以下のようにドメイン名が何種類かあるようだ。1のドメイン名の場合のみ対応しています。23に対応するのは簡単なので、次回のリリースでは修正したいと思っている。それまでは、2や3のドメインの場合にはストリートビューウインドウが表示されない。F5キー(リロード)を実行して頂くとたぶんストリートビューウインドウが出ると思う。追記(2016/3/4)上記のYahooマップのドメインが複数ある件は、現在対応済です。リリースした既にお使いの方は何もしなくても自動的にアップデートされます。Bingマップの場合http://www.bing.com/maps/https://www.bing.com/mapspreview二つのサイトがあるようなのだが、後者のみ対応している。http://maps.gsi.go.jp/現在のところ、これらの地図サイトに対応している。技術的には、任意の地図サイトに対応可能だと思うのだが、拡張機能側のプログラム改造だけでなく、地図サイト側にも一部改造が必要になる。大手地図サイトに関しては、ワテの長時間にわたる猛烈な努力にもかかわらず対応出来ていない。将来対応したいと考えている。説明が無くても大体お分かり頂けると思うけれど、詳細は各項目の横に有るヘルプボタン?で確認して頂きたい。このヘルプボタンをクリックすると、専用のヘルプのページが開くようになっている。このヘルプページは単体で開く事も可能です。http://www.wareko.net/maps/streetview/v1.1/app/help/AllMapsStreetViewExt_help.html幾つかの制限事項や注意事項ペグマンの位置に数メートル程度の誤差が出る場合がある。それを回避するには、出来るだけズームインして地図を拡大表示していると精度が向上する(はず)。追記:本件はバグの可能性が高いので現在調査中です(2012/2/28)。低スペックなパソコンだとレスポンスが悪いかもしれない(テスト用WinXP環境で試した限りでは、まあまあ動いたのだが。)ストリートビュー上で場所を移動すると地図上のペグマン位置は連動して動くが、地図の中心位置までは変わらない。本当は地図位置も連動して動くと使い易いと思うのだが。Mapsの場合には、地図上に青い道路を表示出来るのでその場所ならストリートビューが見られる事が分かる。Extensionで青道路を出す)他の地図サイトではその方法が使えないので、ストリートビューが出ない場合に、何かネットワークのトラブルでレスポンスが悪いので出ないのか、ストリートビューが無いので出ないのか区別が付きにくい。その為に移動後にbeep音で確認できるようにしています。ストリートビュー画像の取得に成功してそれを表示した時点で鳴るようにしています。Extension第二弾は、利用者は何人くらいになるかなあ。1000人くらいは行って欲しい。WarekoMapThisのように37人とかだと、張り合いが無い。ウェブストアを開く追記(2016/3/4)正しく動かない場合の対策ストリートビューウインドウが開くけれどストリートビュー画像が何も出ない。症状が出た場合には、ストリートビューウインドウでCTRL+F5地図ウインドウでCTRL+F5をこの順で実行すると治る場合が有ります(Windowsの場合)。他のOSをご利用の場合は、これに相当する同じ操作をお試し下さい。一回でダメなら、二、三回CTRL+F5を繰り返してみて下さい。CTRL+F5は強制リロードあるいはスーパーリロードという操作で、WEBサーバーから最新のデータを読み込みます。それでも動きがおかしい場合は、お手数ですが、コメントなどでお知らせください。興味ある人はこのページ下部にあるコメントを参照下さい。この存在は数か月前から知っていたのだが、意味を今まで知らなかった。readyのやり方WordPressでjQueryを使う場合には幾つかの注意が必要だ。今日覚えた手法をワテの備忘録を兼ねてメモしておく。一般のWEBプログラミングでjQueryを使う場合には、$記号を使えば良い。