LoginSignup
0
1

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-10-04

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

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

v0.1

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

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

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

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

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

設定項目

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

// 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などで四角を切り取り可能だろう。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1