Googleマップを使用したjavascriptの指示

Question

start = $("#from").val();,の値のオプションをユーザーの現在の位置に変更するにはどうすればよいですか？開始アドレスを入力しなくても、より快適です。

助けが必要ですか？

<script type="text/javascript"> 

     $(document).on("pageinit", "#map_page", function() { 
      initialize(); 
     }); 

     $(document).on('click', '#submit', function(e) { 
      e.preventDefault(); 
      calculateRoute(); 
     }); 

     var directionDisplay, 
      directionsService = new google.maps.DirectionsService(), 
      map; 

     function initialize() 
     { 


      directionsDisplay = new google.maps.DirectionsRenderer(); 
      directionsService = new google.maps.DirectionsService(); 
      var mapCenter = new google.maps.LatLng(51.507009, -0.170720); 

      var myOptions = { 
       zoom:16, 
       mapTypeId: google.maps.MapTypeId.ROADMAP, 
       center: mapCenter 
      } 

      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
      directionsDisplay.setMap(map); 
      directionsDisplay.setPanel(document.getElementById("directions")); 
     } 





     function calculateRoute() 
     { 
      var selectedMode = $("#mode").val(), 
       start = $("#from").val();, 
       end = new google.maps.LatLng(51.507009, -0.170720); 
       //start = $("#from").val(); 

      if(start == '' || end == '') 
      { 
       // cannot calculate route 
       $("#results").hide(); 
       return; 
      } 
      else 
      { 
       var request = { 
        origin:start, 
        destination:end, 
        travelMode: google.maps.DirectionsTravelMode[selectedMode] 
       }; 

       directionsService.route(request, function(response, status) { 
        if (status == google.maps.DirectionsStatus.OK) { 
         directionsDisplay.setDirections(response); 
         $("#results").show(); 
         /* 
          var myRoute = response.routes[0].legs[0]; 
          for (var i = 0; i < myRoute.steps.length; i++) { 
           alert(myRoute.steps[i].instructions); 
          } 
         */ 
        } 
        else { 
         $("#results").hide(); 
        } 
       }); 

      } 
     } 
    </script> 

Answer 1

溶液は、getCurrentPosition() and watchPosition()