[解決済み] ジオロケーションで訪問者の位置(国)を取得するには?
2022-06-25 15:41:37
質問
ネイティブのジオロケーション機能を拡張しようとしています。
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
});
}
で、訪問者の国名を使えるようにします (おそらく、情報提供のための配列を返すでしょう)。
今のところ、私が見つけることができたのは、グーグルマップインターフェースを表示する関数だけですが、私が欲しいものを実際に与えてくれるものはありませんでした。 このライブラリ これはうまくいきました この例では が、なぜか私のコンピュータではうまくいきませんでした。なぜそこでうまくいかなかったのか、よくわかりません。
とにかく、緯度と経度の値から、国、都市などの情報を含む配列を単純に返す方法をご存知ですか?
どのように解決するのですか?
ユーザーの国名が必要なだけなら、ユーザーの所在地を特定する必要はありません。IPアドレスは、IP-to-locationサービス(例えば maxmind , ipregistry または ip2location ). これはほとんどの場合、正確です。
Ipregistryを使用したクライアントサイドの例です(免責事項、私はこのために働いています)。
fetch('https://api.ipregistry.co/?key=tryout')
.then(function (response) {
return response.json();
})
.then(function (payload) {
console.log(payload.location.country.name + ', ' + payload.location.city);
});
もし本当に位置情報を取得する必要があるのなら、このメソッドで緯度/経度を取得し、次にクエリ Google の または ヤフーの の逆ジオコーディングサービスです。
関連
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
[解決済み】React - TypeError: 未定義のプロパティ 'props' を読み取ることができない。
-
[解決済み】ExpressJS - throw er Unhandled errorイベント
-
jq は html ページとデータを動的に分割する。
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] JavaScriptでドロップダウンリストの選択値を取得する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vueネットワークリクエストソリューション ネイティブネットワークリクエストとjsネットワークリクエストライブラリ
-
vue3.0プロジェクトのアーキテクチャを構築するための便利なツール
-
vueが定義するプライベートフィルタと基本的な使い方
-
[解決済み】最大呼び出しスタックサイズ超過エラー
-
[解決済み] 配列の結合時に未定義のプロパティ 'push' を読み込むことができない
-
[解決済み】React Nativeアプリをターミナルから実行するとエラーが発生する(iOS)
-
[解決済み】ERROR エラーです。スイッチのname属性が指定されていないフォームコントロールの値アクセッサがない
-
[解決済み】ExpressJS : res.redirect()が期待通りに動かない?
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。