マップを使ったWEBアプリケーション(図鑑のようなもの)をつくりたいと思っています。フォームから得た緯度経度の値をleafletを用いて地図上にプロットし，それを蓄積できるようにしたいです。現在プロットはできるのですが，ページ遷移すると投稿したマーカーが全て初期化されてしまい，マーカーが蓄積できません。これはレイヤーにマーカーが追加できていないということでしょうか？ページ遷移の流れとしては１．javascript側で投稿する場所の緯度経度を決める。２．１で決めた緯度経度をphpのフォームに飛ばす。そして，詳細情報記入。３．javascript側でphpから送信された緯度経度を基にマーカ－を設置する。です。改善方法等あればどなたかご教授お願いいたします。 ```javascript //地図生成 var map = L.map('map'); L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { attribution: "地理院タイル" }).addTo(map); map.setView([○, ○], 12); //クリック地点の緯度経度取得 map.on('click',function(e){ var latitude=(Math.round(e.latlng.lat * 10000)) /10000; var longitude=(Math.round(e.latlng.lng * 10000)) /10000; //テキストボックスに緯度経度代入 document.getElementById('latitude').value=latitude; document.getElementById('longitude').value=longitude; var idokeido = L.marker(e.latlng, { draggable: true, title: "Resource location", alt: "Resource Location", riseOnHover: true, iconColor:'green' }).addTo(map) .bindPopup(e.latlng.toString()); // Update marker on changing it's position idokeido.on("dragend", function (ev) { var chagedPos = ev.target.getLatLng(); this.bindPopup(chagedPos.toString()); }); }); //phpの変数をjavascriptの変数に変換 var lat = ""; var lng = ""; var latlng = [lat, lng]; var cc = ""; var toukou=L.marker(latlng).addTo(map); toukou.bindPopup('

'); ``` ```php //js-phpの変数設定 ```

質問編集履歴