Java Script Map Direction LP2MARAY

<!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="//maps.googleapis.com/maps/api/js?key=AIzaSyBhSg6I2JvHNU_jLqIpvc5MEwc_xi3Ttvg&sensor=true"></script>

</head>
<body style="font-family: Arial; font-size: 12px;">
   <div style="width: 1020px;">
     <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'));

var Asal = new google.maps.LatLng(-6.353394, 106.832300);
var Tujuan= new google.maps.LatLng(-6.331501, 106.846371);


     var request = {
       origin: Asal,
       destination: Tujuan,
       travelMode: google.maps.DirectionsTravelMode.DRIVING
     };

     directionsService.route(request, function(response, status) {
       if (status == google.maps.DirectionsStatus.OK) {
         directionsDisplay.setDirections(response);
       }
     });
   </script>
</body>
</html>


Komentar

Posting Komentar

Postingan populer dari blog ini

Source Code Koleksi Php dan java script

<?php //PHP: LOOP THROUGH EACH STRING LINE IN A TEXTAREA //trim off excess whitespace off the whole $text = trim($_POST['textareaname']); //explode all separate lines into an array $textAr = explode("\n", $text); //trim all lines contained in the array. $textAr = array_filter($textAr, 'trim'); //loop through the lines foreach($textAr as $line){ echo "$line"; } function bubble_sort($arr) {     $size = count($arr);     for ($i=0; $i<$size; $i++) {         for ($j=0; $j<$size-1-$i; $j++) {             if ($arr[$j+1] < $arr[$j]) {                 swap($arr, $j, $j+1);             }         }     }     return $arr; } function swap(&$arr, $a, $b) {     $tmp = $arr[$a];     $arr[$a] = $arr[$b];     $arr[$b] = $tmp; } /* test bubble sort *...
Baca selengkapnya

Java Script Auto refresh

<?php session_start(); $jmldata=10; ?> <html> <head> <script type="text/javascript"> function Ajax(){ var $http,$self = arguments.callee; if (window.XMLHttpRequest) {$http = new XMLHttpRequest();} else if (window.ActiveXObject) { try {$http = new ActiveXObject('Msxml2.XMLHTTP');} catch(e) {$http = new ActiveXObject('Microsoft.XMLHTTP');} } if ($http) { $http.onreadystatechange = function(){ if (/4|^complete$/.test($http.readyState)) { document.getElementById('ReloadThis').innerHTML = $http.responseText; setTimeout(function(){$self();}, 1000); } }; $http.open('GET', 'songinfo.php' + '?' + new Date().getTime(), true); $http.send(null); } } </script> <script type="text/javascript">setTimeout(function() {Ajax();}, 1000);</script> <meta http-equiv="Content-...
Baca selengkapnya

Java Script Membaca Lokasi Kita

Gambar
<!DOCTYPE html> <html> <head>     <title>Demo Cek Lokasi Geolocation HTML5</title> </head> <body> <center> <p id="tampilkan"></p> <p>Cek lokasi anda! >> <button onclick="getLocation()">Cek</button></p> <div id="mapcanvas"></div> </center> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyBhSg6I2JvHNU_jLqIpvc5MEwc_xi3Ttvg&sensor=true"></script> <script> var view = document.getElementById("tampilkan"); function getLocation() {     if (navigator.geolocation) {         navigator.geolocation.getCurrentPosition(showPosition, showError);     } else {         view.innerHTML = "Yah browsernya ngga support Geolocation bro!";     } } function showPosition(position) {     lat = position.coords.latitude;     lon = pos...
Baca selengkapnya