javascriptからphpへの値の受け渡し
マップを使ったWEBアプリケーション(図鑑のようなもの)の開発をしています。
javascriptを使ってマップを表示し,クリックしたところの緯度経度を取得する。そして,alertの質問に答えていくとphpで作った新規情報登録フォームにクリックで出した緯度経度がフォームに入力してある状態で飛ばされる。
ということをやりたいのですがjavascript→phpの値の受け渡しがうまくいきません。
そもそも緯度経度の値を取得できていないのでしょうか?
改善方法,別のやり方などございましたら,どなたかご教授お願いいたします。
発生している問題・エラーメッセージ
javascriptからphpへの値の受け渡しがうまくいかない
javascript
1 2 3 4<body> 5<div id="map"></div> 6<script> 7var map = L.map('map'); 8//map形成 9L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { 10 attribution: "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>地理院タイル</a>" 11}).addTo(map); 12map.setView([34.7786824, 135.6101677], 12); 13 14//マップ上をクリックしたとき緯度経度を表示 15map.on('click',function(e){ 16 var latitude=(Math.round(e.latlng.lat * 10000)) /10000; 17 var longitude=(Math.round(e.latlng.lng * 10000)) /10000; 18 alert("緯度:"+latitude+","+"経度:"+longitude); 19 20//alertクリック時 21 var res=confirm("新しく投稿しますか?") 22//okの時 23 if(res==true){ 24$.ajax({ 25 type:'POST', 26 url:'formmap.php', 27 data:{ 28 latitude:$('#latitude').val(), 29 longitude:$('#longitude').val(), 30 }, 31 success:function(data){ 32 alert(data+"この位置でよろしいですか?"); 33 } 34}); 35 location.href="formmap.php"; 36 37//NGの時 38 }else{ 39 alert("閲覧を続行します。"); 40 } 41 42}); 43 44</script> 45</body> 46</html> 47 48 49
php
1<html lang = "ja"> 2<head> 3<meta charset = "UFT-8"> 4</head> 5<body> 6 <h1>動植物登録フォーム</h1> 7 8<?php 9$latitude=$_POST['latitude']; 10$longitude=$_POST['longitude']; 11?> 12 13<form action = "form.php" method = "post" enctype="multipart/form-data"> 14<?php echo "<input type='text' name='latitude' value='". $latitude ."' disabled='disabled'><br>"; ?> 15<?php echo "<input type='text' name='longitude' value='". $longitude ."' disabled='disabled'><br>"; ?> 16<input type="submit" name="submit" value="投稿"> 17</form> 18</body> 19</html> 20 21?> 22 23 24 25
補足情報(FW/ツールのバージョンなど)
地図は国土地理院のものを使用します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/15 12:16
2018/11/15 12:17