JavaScriptで位置情報を取得するコードを書きました。
取得した経度と緯度をグーグルマップ上で表示したいです。(ボタンか何かを押せばマップ上に表示される的な)
どうすればいいのでしょうか?
方法をご教授ください
JavaScript
1<!doctype html> 2<html> 3</head> 4<meta charset="utf-8"> 5<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 6 7<title></title> 8</head> 9<body> 10 <h1>位置情報取得</h1> 11 <div id="result">位置情報取得中</div> 12<script> 13 navigator.geolocation.getCurrentPosition( 14 function(position){ 15 var lat = position.coords.latitude; 16 var lng = position.coords.longitude; 17 $("#result").html("経度:" + lat + "<br>緯度:" + lng); 18 }, 19 function(error){ 20 $("#result").text("エラー" + error.code); 21 },{ 22 enableHighAccuracy : true, 23 maximumAge : 0, 24 timeout : 30*1000 25 } 26 ) 27 28</script> 29</body> 30</html>
みなさまご回答ありがとうございます。
コードは理解できたのですがデバックができません
chromeを使っているのですがGPSがOFFになってしまいます
設定から
すべてのサイトに対して自分の物理的な現在地の追跡を許可する
という風にしたのですがやはりできません
なにか解決法はありますか?
デバッグの問題だけなら、開発者コンソールからエミュレートすれば解決するかもしれないですね。