Google MyMaps Geolocation // GPS

Question

MyMapsでマップを作成し、これをPHPドキュメントに実装しました。 良いです。しかし、ジオロケーションが始まるときにそれを設定したいと思います。 これは可能ですか？ 次のスクリプトは私にジオロケーション付きGoogleマップを表示します。ここでマイマップを実装するにはどうしたらいいですか？ 助けてくれてありがとう！

<script> 
    function initialize(coords) 
    { 
     var latlng = new google.maps.LatLng(coords.latitude, coords.longitude); 
     var myOptions = 
     { 
      zoom: 8, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("pos"), myOptions); 

     var marker = new google.maps.Marker(
     { 
      position: latlng, 
      map: map, 
      title: "Hier bist du :)" 
     }); 
    } 
    navigator.geolocation.getCurrentPosition(function(position) 
    { 
     initialize(position.coords); 
    }, function() 
    { 
     document.getElementById('pos').innerHTML = 'Deine Position konnte leider nicht ermittelt werden'; 
    }); 
</script> 

Answer 1

これは、あなたが実装する必要があるコード：

<script > 
var map = new google.maps.Map(document.getElementById('map'), { 
      center: {lat: -34.397, lng: 150.644}, 
      zoom: 6 
     }); 
     var infoWindow = new google.maps.InfoWindow({map: map}); 

     // Try HTML5 geolocation. 
     if (navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(function(position) { 
      var pos = { 
       lat: position.coords.latitude, 
       lng: position.coords.longitude 
      }; 

      infoWindow.setPosition(pos); 
      infoWindow.setContent('Location found.'); 
      map.setCenter(pos); 
      }, function() { 
      handleLocationError(true, infoWindow, map.getCenter()); 
      }); 
     } else { 
      // Browser doesn't support Geolocation 
      handleLocationError(false, infoWindow, map.getCenter()); 
     } 
     } 

     function handleLocationError(browserHasGeolocation, infoWindow, pos) { 
     infoWindow.setPosition(pos); 
     infoWindow.setContent(browserHasGeolocation ? 
           'Error: The Geolocation service failed.' : 
           'Error: Your browser doesn\'t support geolocation.'); 
     } 

</script> 

SOURCE