asa

<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
   <title>Google Maps API v3 Directions Example</title>
   <script type="text/javascript"
           src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body style="font-family: Arial; font-size: 12px;">
   <div style="width: 600px;">
     <div id="map" style="width: 280px; height: 400px; float: left;"></div>
     <div id="panel" style="width: 300px; float: right;"></div>
   </div>

   <script type="text/javascript">

     var directionsService = new google.maps.DirectionsService();
     var directionsDisplay = new google.maps.DirectionsRenderer();

     var map = new google.maps.Map(document.getElementById('map'), {
       zoom:7,
       mapTypeId: google.maps.MapTypeId.ROADMAP
     });

     directionsDisplay.setMap(map);

     directionsDisplay.setPanel(document.getElementById('panel'));

    //posisi saat ini
     var abcd=navigator.geolocation.getCurrentPosition(function(position) {
      var pos = new google.maps.LatLng(position.coords.latitude,
                                       position.coords.longitude);
    console.log(pos);
        });

     var tujuan = new google.maps.LatLng(-6.938664, 107.623672);//-34.397, 150.644);
     var request = {
       origin: abcd, //mengambil posisi saat ini
       destination: 'bandung',//abcd,//'Bandung',
       travelMode: google.maps.DirectionsTravelMode.DRIVING
     };
     directionsService.route(request, function(response, status) {
       if (status == google.maps.DirectionsStatus.OK) {
         directionsDisplay.setDirections(response);

       }else{
        alert("Lintas Lautan bro");
       }
     });
   </script>
</body>
</html>