2017-08-23 141 views
0

我在MyMaps中創建了一個地圖,並將它實現爲一個php文檔。 它運作良好。但是我想在啓動時設置地理定位。 這可能嗎? 以下腳本向我顯示帶有地理位置的Google地圖。我怎樣才能在這裏實現我的地圖? 感謝您的幫助!Google MyMaps地理位置// GPS

<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> 
+0

Crissi

回答

0

這是你應該實現的代碼:我忘了

<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

+0

嘿謝謝你的答案。 但是,當我進入那裏一些Lat's它有一個修復的位置......我會執行腳本到我的地圖.. 你是否unterstand? 因此,我的地圖搜索我的位置在瞬間 – Crissi

+0

@Crissi我編輯我的答案請看看:) –

+0

嘿謝謝。 但是當我實現這個代碼時,它只顯示我的2個Textfields,我可以在其中輸入東西。 也許我必須更好地解釋它: 我有一個Google MYmAPS卡。我唯一想做的事情就是,在那個時刻向我展示我的地理位置。在「正常」谷歌地圖,它的工作完美。但不適用於我的地圖。你不喜歡? – Crissi