GoogleMapsAPI
jsFiddle

jsFiddle + Google Maps > 指定の緯度経度範囲(四角)をマーキングで表示 v0.1

Google Mapsから指定の緯度経度範囲をマーカー表示するツール。
便利なツールでしたが、2017年10月4日に確認したところ、リンク切れ状態でした。

[廃版] onlineTool > 緯度経度からgoogleマップへマーカー表示

v0.1

ないなら作る(ありあわせのものから)

Google MapのAPIキーをとろうとしたら、「処理中」のまま進まない。
他の方法を検討した。

そういえば、今話題のズンドコキヨシで冗談で実装したコードがあったような。

ズンドコキヨシ with Google Map API on jsFiddle

上記をベースに変更したのが以下。

https://jsfiddle.net/1q16ysrx/5/

設定項目

以下の設定を「度」の単位で行う。

// TODO: define the center
var vcenter = 35.0;
var hcenter = 135.0;
var latspan = 10.0;
var lonspan = 10.0;

動作環境

地図の(見える|見えない)は以下で異なる

  • MacOS X 10.8.5 + Chromeでは地図が見えず
  • MacOS X 10.8.5 + Safariなら地図が見えた
  • Windows 8.1 pro(64bit) + Chromeでも地図が見えない
  • Windows 8.1 pro(64bit) + IEで「セキュリティで保護されているコンテンツのみ表示しています。全てのコンテンツを表示しますか」で「はい」にしたら地図が見えた
  • Windows 10 Pro (64bit) + IEで「セキュリティで保護されているコンテンツのみ表示しています。全てのコンテンツを表示しますか」で「はい」にしたら地図が見える
  • Windows 10 Pro (64bit) + Edge: 未対応 (固まる)

(追記: 2018/07/03)

qiita.png

備考

指定の範囲を切り出す場合、下のマーカーは邪魔かもしれない。

  • 右下のマーカーを消す
  • 左下のマーカーを左に移動

上記を行えば、gimpなどで四角を切り取り可能だろう。