Google Map Center에서 사용자의 현재 위치를 설정합니다.

Question

마커를 움직여서 lat lng을 얻으려고합니다. 내 코드는 올바르게 작동하지만 이제는 내지도 센터를 현재 위치로 설정하려고합니다. 지리적 위치 코드로 시도하지만 getCurrentPosition을 추가하면지도가 표시되지 않습니다.

내 이동 마커 맵 코드는

navigator.geolocation.getCurrentPosition(function(position) { 
     var initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude); 
     map.setCenter(initialLocation); 
    }, function() { 
     //handle no geolocation 
    }); 

그냥지도를 만든 후이 작업을 실행해야합니다 ...

var marker, map; 

     function initialize() { 
     var myLatlng = new google.maps.LatLng(53.871963457471786,10.689697265625);  

       var mapOptions = { 
      zoom: 4, 
      center: myLatlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); 

     marker = new google.maps.Marker({ 
      position: myLatlng, 
      map: map, 
      title: 'Hello World!' 
     }); 

     } 
     $(function() { 
     initialize(); 

     google.maps.event.addListener(map, 'click', function(event) {  
      var lat=event.latLng.lat(); 
      var lng=event.latLng.lng(); 
      $('#latlng').val(lat+', '+lng); 
      marker.animateTo(event.latLng); 
     }); 
     }); 

    <input type="text" id="latlng" size="40" /><br /> 
    <div id="map_canvas"></div> 

Answer 1

이 충분해야한다.

이것은 Google지도 docs에서 가져온 것입니다.