var mymap = L.map('mapid').setView([35.7102, 139.8132], 15); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, keyboard: false, attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' }).addTo(mymap); function setCurLocation(){ if (navigator.geolocation === false){ alert('現在地を取得できませんでした。'); return; } function success(e) { var lat = e.coords.latitude; var lng = e.coords.longitude; mymap.setView([lat, lng], 15); L.marker([lat,lng]).addTo(mymap).bindPopup('現在地').openPopup(); } function error() { alert('現在地を取得できませんでした。'); } navigator.geolocation.getCurrentPosition(success, error); } var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample1/masamichi ito</p><audio src='sample1.wav' controls width='500' height='375'>").openPopup(); //var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample2</p><audio src='sample2.wav' controls width='500' height='375'>").openPopup(); //var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample3</p><audio src='sample3.wav' controls width='500' height='375'>").openPopup(); //var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample4</p><audio src='sample4.wav' controls width='500' height='375'>").openPopup(); //var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample5</p><audio src='sample5.wav' controls width='500' height='375'>").openPopup(); //var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample6</p><audio src='sample6.wav' controls width='500' height='375'>").openPopup(); //var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample7</p><audio src='sample7.wav' controls width='500' height='375'>").openPopup(); //var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample8</p><audio src='sample8.wav' controls width='500' height='375'>").openPopup(); //var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample9</p><audio src='sample9.wav' controls width='500' height='375'>").openPopup(); //var marker = L.marker([38.89345, 139.81945]).addTo(mymap); marker.bindPopup("<p>sample10</p><audio src='sample10.wav' controls width='500' height='375'>").openPopup(); // マウス移動イベント mymap.on('mousemove', function(e){ lat.textContent = e.latlng.lat; lng.textContent = e.latlng.lng; });