質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Q&A

解決済

1回答

557閲覧

Angular+olで表示している地図範囲を取得する方法を教えて下さい

halohalolin

総合スコア46

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

0グッド

0クリップ

投稿2020/02/18 11:14

編集2020/02/19 07:43

Angularとolを使って地図を表示するWebアプリを構築しているのですが、どのぐらいの範囲を表示しているのか取得する方法を教えてください。
(サンプルプログラムが掲載されているサイトでも構いません)


PHP&MariaDBで動作するAPIと連携し、Angular+olで表示している範囲にだけDBへ記録されている場所にピンを立てる機能を実装しています。

そこで、PHP&MariaDBにて動作するAPI群を作っています。
拡大レベルを取得して中心からの大まかな範囲を大体の表示範囲とする・・・というアルゴリズムを用いて作ろうとしたものの、拡大レベルと大まかな範囲の比較表についてまとめてあるサイトを探したところ見つからず困っています。
自分で見えている範囲から適当に決めようか・・・とも思ったのですが、そもそも自分の知らない見えている範囲を簡単に取得する方法が用意されているのではないか?と思い、良い方法をご存じの方がいらっしゃいましたらアドバイスを頂きたく相談する次第です。

Angular coreのバージョンは9.0.2
olのバージョンは6.2.1
です。

以上よろしくおねがいします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

ローテクですがdefaultControlsよりScaleLineやFullScreenを有効にし、物差しを使って計算しました。
手持ちの横1920pxのモニターの場合、下記の範囲が見えているっぽいので、この値をベースによさげな値へ調整しようと考えています。

拡大レベル表示半径(km)
9124.00
1062.00
1131.00
1215.60
137.80
143.90
151.95
161.00
170.50
180.25
190.12
200.06

なお拡大レベルを9から始めたのは、個人的都合です。
(北海道は飛び出すものの近畿地方とその周辺は十分表示できる範囲なので、これより広い範囲は多分今の案件では使わないだろうという判断。)

投稿2020/02/19 06:58

編集2020/02/19 07:42
halohalolin

総合スコア46

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問