[JS] Day21 - Geolocation

3752 ワード

テキストリンク

demo:

デモサイト

github:

Danji-ya

Day21 - Geolocation

🎯 機能要件

ブラウザで現在位置座標を取得し、画面に出力します.

🚀 学識

const getLocation = () => {
    if(navigator.geolocation){
        navigator.geolocation.getCurrentPosition(pos => {
            text.textContent = `Latitude: ${pos.coords.latitude} °, Longitude: ${pos.coords.longitude} °`;
        }, err => {
            text.textContent =`error ❌`;
        });
    } else {
        text.textContent = 'Geolocation is not supported by your browser';
    }  
};

この日の21でXcodeを使うことでマシンの速度や方向を変えて実習ができたのですが、脈がないので現在位置のようなgetCurrentPositionを使いました.
位置情報はGeolocation APIで得られ、Geolocation.getCurrentPosition()で以下の情報が得られる.

これらの情報を使用すると、特定の要素のテキスト値を設定して画面に出力できます.

Reference

この問題について([JS] Day21 - Geolocation), 我々は、より多くの情報をここで見つけました https://velog.io/@jiseong/JS-Day21-Geolocation

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

JZOJ4858. 【GDOI 2017シミュレーション11.4】Walk

[TIL]JAVA-注釈