あなたの長い/lat座標を見つけるためにあなたのIPアドレスを使用すること

IPアドレスを見つける
これは前回のラボ2活動で完成しました.私は基本的に私の現在の場所のIPを取得するiPlookup APIを使用します.私は最後に私のソースコードを掲示するでしょう、しかし、あなたはUserIPの下でこの部分を見つけることができます.jsファイル.
私の座標を見つける
この部分のために、私は私の座標を見つけるためにGeoIP APIを使用すると思われました、しかし、それは私と協力していませんでした.私は502エラーを得続けました.
解決策を見つけなかった後、私は別のAPIを使用してip-api . GeoIPと同様に、応答は位置データを含んでいました.このAPIが自動的に私のIPアドレスを見つけて、私の座標を見つけるのにそれを使用したのはきちんとしていました.
これらはJSON形式で返される情報です.

{"status":"success","country":"United States","countryCode":"US","region":"PA","regionName":"Pennsylvania","city":"Williamsport","zip":"17701","lat":41.2382,"lon":-76.9978,"timezone":"America/New_York","isp":"Comcast Cable Communications, LLC","org":"Comcast IP Services, L.L.C.","as":"AS7922 Comcast Cable Communications, LLC","query":"73.230.71.189"}

しかし、完全にこの課題を理解するために、私は私の2番目の研究室で幸運にも、IP APIは、手動でIPアドレスを入力する開発者のオプションを持って組み込まれている必要があります.

getgeoInidata ()関数では、userIP ( ipClassという名前のインスタンス)が作成されました.次にipClassのupdateuser ()関数を使用して、IPアドレスを返すことができます.fetchでは、locationEndpoint URLの両方("http://ip-api.com/json/" ) そして、私のIPアドレスは結合されます.IP APIは、私の位置データに対応するためにこの情報を使用します.私はGoogleマップのURLとWikipediaのクエリ要素にこの情報を接続することができた.


結果
これはどのように私のウェブサイトのようにすべてが働いたようです!

リンク

My GitHub Source Code

ip-api API

wikipedia-query Element