Java Script Membaca Lokasi Kita

<!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 = position.coords.longitude;
    latlon = new google.maps.LatLng(lat, lon)
    mapcanvas = document.getElementById('mapcanvas')
    mapcanvas.style.height = '500px';
    mapcanvas.style.width = '500px';

    var myOptions = {
    center:latlon,
    zoom:14,
    mapTypeId:google.maps.MapTypeId.ROADMAP
    }
   
    var map = new google.maps.Map(document.getElementById("mapcanvas"), myOptions);
    var marker = new google.maps.Marker({
        position:latlon,
        map:map,
        title:"You are here!"
    });
}

function showError(error) {
    switch(error.code) {
        case error.PERMISSION_DENIED:
            view.innerHTML = "Yah, mau deteksi lokasi tapi ga boleh :("
            break;
        case error.POSITION_UNAVAILABLE:
            view.innerHTML = "Yah, Info lokasimu nggak bisa ditemukan nih"
            break;
        case error.TIMEOUT:
            view.innerHTML = "Requestnya timeout bro"
            break;
        case error.UNKNOWN_ERROR:
            view.innerHTML = "An unknown error occurred."
            break;
    }
 }
</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