Newer
Older
2021-masamichi / script.js
var mymap = L.map('mapid').setView([35.7102, 139.8132], 15);
 
      L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      	maxZoom: 18,
      	attribution: 'Map data &copy; <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>音でるよ</p><audio src='pinpon.wav' controls width='500' height='375'>").openPopup();
 
     
      
      function init() {
  var map = L.map('mapcontainer', { zoomControl: false });
  var mpoint = [38.89345, 139.81945];
  map.setView(mpoint, 15);
  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, '
  }).addTo(map);
  //ポップアップする文字(HTML可、ここでは画像を表示)
  var sucontents = "音出る<br><audio src='pinpon.wav' controls width='500' height='375'>"
  //ポップアップオブジェクトを作成
  var popup1 = L.popup({ maxWidth: 550 }).setContent(sucontents);
  //マーカーにポップアップを紐付けする。同時にbindTooltipでツールチップも追加
  L.marker(mpoint, { draggable: true }).bindPopup(popup1).bindTooltip("音でるよ").addTo(map);
}
L.control.layers(baseMap).addTo(map);