マップを使った図鑑を制作しているのですが,
①マップをクリックし、その位置の緯度経度を取得(javascript)
↓
②緯度経度を引き継ぎつつフォームで詳細情報登録(php)
↓
③さらにPHPから引き継いできた緯度経度の地点にピンを立てる(javascript)(①と③は同じページ)
ということをしたいと考えており,いろいろ調べてみたのですが②までしかできず行き詰っております。
ピンは大量に立てる予定なので変数の値からマッピングするのが効率が良いと考えたのですが,
どなたか,変数の値からマップにピンを立てる方法を教えていただけないでしょうか?また,他の方法があればご教示ください。
宜しくお願いいたします。
javascript
1//php側から引き継いできた緯度経度の値 2var latitude = "<?php echo ($_POST['latitude']); ?>"; 3var longitude = "<?php echo ($_POST['longitude']); ?>"; 4 5//マップ生成 6var map = L.map('map'); 7L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { 8 attribution: "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>地理院タイル</a>" 9}).addTo(map); 10map.setView([○○, ○○], 12); 11 12//ピンを立てたいができない 13var marker=L.marker([latitude, longitude]).addTo(map); 14marker.bindPopup("HelloWorld"); 15
あなたの回答
tips
プレビュー