「Googleマップ」で表示した同じエリアを「Yahoo!地図」で開くブックマークレットを作ってみました。

スポンサーリンク

「全画面地図」というサービスも使える

すでに「Googleマップ」と「Yahoo!地図」で同じエリアを何度でも切り替えて表示できるサービスがあります。

• 全画面地図
  
  

 

これはこれで便利なので「パソコントラブルＱ＆Ａ」で解説しました。

• 同じ場所を Googleマップと Yahoo!地図で切り替え表示

初期画面で問題があるときは「日本」を表示して開始すれば、どのブラウザーでも大丈夫です。

• 日本 – Googleマップ – 全画面地図
  
  

あとは好きなエリアに検索やマウス操作で移動して「G」「Ｙ」「Ｂ」ボタンで切り替えるだけです。

つまり、最初から「Googleマップ」と「Yahoo!地図」で表示を比較したいときには便利です。

 

一方で「Googleマップ」を使用中に、ふと「Yahoo!地図」で表示したくなったとき、わざわざ「全画面地図」を開いて同じエリアを表示させるのは手間です。

同じ場所の座標を使って変換

そこで「Googleマップ」が「場所の座標」を URL に含むことを利用して、同じエリアを「Yahoo!地図」で表示できる「ブックマークレット」を作りました。

• GY地図変換

このリンクを「ブックマークバー（お気に入りバー）」に設置します。IE 11 では「お気に入りバー」にドラッグ＆ドロップできます。

 

Google Chrome でやってみるとドラッグ&ドロップでは「ブックマークバー」に設置できなくなっていました。セキュリティのためでしょう。

面倒ですが、以下の方法でブックマークレットは作れます。

• ブックマークバーを右クリックして「ページを追加」を選択
  
• 「名前」に「GY地図変換」あるいは好きな名前を入力
• 「URL」に以下のスクリプトをコピペ

javascript:(function(){var%20url=location.href;if(url.indexOf('@')!=-1){data01=url.split('@');data02=data01[1].split(',');data03=data02[2].split('z');data04=Number(data03[0])+1;url='http://map.yahoo.co.jp/maps?'+'lat='+data02[0]+'&lon='+data02[1]+'&z='+data04;window.open(url,'_blank');}else{url='https://www.google.co.jp/maps/';location.href=url;}})();

• 「保存」ボタンをクリックして完成

面倒ですが、こうするしかないようです。

機能としては「ブックマークバー」の「GY地図変換」をクリックすると

• 現在、ブラウザーで開いているページが「Googleマップ」でなければ「Googleマップ」が開く
• 「Googleマップ」が開いていたら、同じエリアを表示する「Yahoo!地図」が別タブで開く

というシンプルなものです。

一応、スクリプトはこんな感じ

スクリプトを分解するとこんな感じです。シンプルで怪しい部分はありません。

var url=location.href;
if(url.indexOf('@')!=-1){
data01=url.split('@');
data02=data01[1].split(',');
data03=data02[2].split('z');
data04=Number(data03[0])+1;
url='http://map.yahoo.co.jp/maps?'+'lat='+data02[0]+'&lon='+data02[1]+'&z='+data04;
window.open(url,'_blank');
}else{
url='https://www.google.co.jp/maps/';
location.href=url;
}

要するに「Googleマップ」の URL で「@」以降を「,」で切り分け、最初を「緯度」、次を「経度」、最後は「Z」の前を「拡大比率」として取得します。

それを「Yahoo!地図」の URL で「lat=」のあとに「緯度」、「lon=」のあとに「経度」、「z=」のあとに「拡大比率＋１」を挿入しているわけです。

ブックマークレットも設置が面倒に

Google Chrome で「ブックマークレット」のリンクを「ブックマークバー」にドラッグ＆ドロップするだけで設置できなくなったのは残念で面倒です。

さらに IE で Googleマップがこんなに不安定とは知りませんでした。「Edge」にいたっては「ブックマークバー」に設置する方法が分かりません。

 

とりあえず個人的には Google Chrome で便利に利用できそうだと判断したので公開しましたが、正直「イマイチ」感は否めません。

もし便利そうだと感じたら「参考」にしてみてください。

 

こちらの記事もいかがですか？

• ブックマークレット（Bookmarklet）の紹介｜なにしろパソコン
• Google検索で 1年以内に期限指定する Chrome拡張機能「ato-ichinen」はブックマークレットでいいかも