前提・実現したいこと
いつもお世話になっております。
現在PHP+MySQLで日報アプリを作っているのですが、Geolocationで取得した現在地座標(緯度・経度)を、投稿時にデータベースに追加したいと思っております。
現在地座標をHTML上に表示は出来たのですが、その先がよく分かりません。
HEADタグ内
JAVASCRIPT
1 <script> 2if (navigator.geolocation) { 3 4 navigator.geolocation 5 .getCurrentPosition(success,error,options); 6 7 var options = { 8 enableHighAccuracy: true, 9 timeout: 1000, 10 maximumAge: 0 11 }; 12 13 function success(position) { 14 var crd = position.coords; 15 document.getElementById("now_lat") 16 .textContent = crd.latitude; 17 document.getElementById("now_lng") 18 .textContent = crd.longitude; 19 }; 20 21 function error(err) { 22 document.getElementById("now_lat").textContent 23 = "エラー : " + err.code; 24 document.getElementById("now_lng").textContent 25 = "エラー : " + err.message; 26 }; 27 28} else { 29 document.getElementById("now_lat").textContent 30 = "このブラウザではGeolocationの使用はできません"; 31} 32 33</script>
BODYタグ内
HTML
1<div id="now_lat"></div> 2<div id="now_lng"></div>
HTMLへの出力は問題ないので、座標取得はうまく行っていると思います。
###試したこと
HTML
1<input type="hidden" id="now_lat" name="now_lat" value="now_lat"> 2<input type="hidden" id="now_lng" name="now_lng" value="now_lng">
変数が展開されずそのまま表示されてしまいます。
HTML内の記法が悪いのでしょうか?それともJAVASCRIPT内に問題があるのでしょうか?正しい書き方がございましたらご教示いただければと思います。何卒宜しくお願いいたします
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/16 13:14