1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

OpenLayersで中心座標(緯度・経度)を取得する

Last updated at Posted at 2018-11-06

OpenLayersのデフォルトの地図投影法はWeb (球面) メルカトル (EPSG:3857) となっているため、中心座標を地理座標系(緯度・経度)で取得するためには以下のいずれかの方法を用いる必要がある。

(1) Webメルカトルの座標を変換する

ol.proj.transform メソッドでWebメルカトル (EPSG:3857) 座標を地理座標系 (EPSG:4326) に変換する。

let coordinate = ol.proj.transform(map.getView().getCenter(), 'EPSG:3857', 'EPSG:4326');

(2) 地理座標系の投影法で地図を表示する

表示される地図の形が変わってしまうが、地理座標系を使った投影法 (EPSG:4326) で地図を表示すれば、取得できる座標は緯度・経度になる。

new ol.View({
	projection: 'EPSG:4326',
		center: [139.7528, 35.685175] // 緯度・経度を直接指定できる
	})
});

実装例

CodePen - OpenLayers Get Center Coordinate

参考

1
0
2

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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?