Notice: Trying to access array offset on value of type bool in /home/himariweb/www/wp/wp-content/themes/luxeritas/inc/json-ld.php on line 114

PCの現在地を取得する

2018年10月17日

GoogleMapAPIを試していれば自分の場所を取りたくものです。
geolocationを使うと現在地がとれるようです。

サンプルコード

<h1>ブラウザから現在地を取得する</h1>
if(navigator.geolocation){
  console.log("現在地取得できます");
  navigator.geolocation.getCurrentPosition(
    function(position){
      console.log("現在地取得ができたときの処理");
      console.log("(Lat, Lng) = " + position.coords.latitude+","+position.coords.longitude);
      var h1 = document.getElementsByTagName("h1");
      h1[0].insertAdjacentHTML("afterend","

<div>(Lat, Lng) = " + position.coords.latitude + "," + position.coords.longitude + "</div>

");
    },
    function(error){
      console.log("現在地取得が失敗したときの処理");
      console.log(error.code)
    },{
      "enableHighAccuracy": false,
      "timeout": 10000,
      "maximumAge": 2000
    }
  )
}else{
  console.log("ブラウザがAPIに対応してません");
}

参考

geolocation-API