Script PHP Based Location Geolocation Google Map

Script PHP Based Location Geolocation Google Map

php_development

Script PHP Based Location Geolocation Google Map. Script Geolocation digunakan untuk menampilkan lokasi dimana kita sedang Online. Biasanya yang pakai Android ada GPS, nah untuk HTML5 yang dikombinasikan dengan PHP dengan Geolocation kita akan bisa mengetahui lokasi tempat kita Online dan ditampilkan di Peta dari data Google Map. Bagi yang belum mengetauhi cara menampilkan peta sederhana dan dasar bisa baca artikel saya sebelumnya yang berjudul Script PHP Menampilkan Peta Dasar Sederhana Google Map.

 

Nah berikut adalah Script PHP Based Location Geolocation Google Map dengan Javascript dan HTML5:

[php]
var map;

function initialize() {
  var mapOptions = {
    zoom: 6
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  // Try HTML5 geolocation
  if(navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      var pos = new google.maps.LatLng(position.coords.latitude,
                                       position.coords.longitude);

      var infowindow = new google.maps.InfoWindow({
        map: map,
        position: pos,
        content: 'Location found using HTML5.'
      });

      map.setCenter(pos);
    }, function() {
      handleNoGeolocation(true);
    });
  } else {
    // Browser doesn't support Geolocation
    handleNoGeolocation(false);
  }
}

function handleNoGeolocation(errorFlag) {
  if (errorFlag) {
    var content = 'Error: The Geolocation service failed.';
  } else {
    var content = 'Error: Your browser doesn\'t support geolocation.';
  }

  var options = {
    map: map,
    position: new google.maps.LatLng(60, 105),
    content: content
  };

  var infowindow = new google.maps.InfoWindow(options);
  map.setCenter(options.position);
}

google.maps.event.addDomListener(window, 'load', initialize);
[/php]

 

Untuk kode lengkap yang dipadukan dengan HTML5 dan PHP sebagai berikut:

[php]

<!DOCTYPE html>
<html>
  <head>
    <title>Geolocation</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>

    <script>
// Note: This example requires that you consent to location sharing when
// prompted by your browser. If you see a blank space instead of the map, this
// is probably because you have denied permission for location sharing.

var map;

function initialize() {
  var mapOptions = {
    zoom: 6
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  // Try HTML5 geolocation
  if(navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      var pos = new google.maps.LatLng(position.coords.latitude,
                                       position.coords.longitude);

      var infowindow = new google.maps.InfoWindow({
        map: map,
        position: pos,
        content: 'Location found using HTML5.'
      });

      map.setCenter(pos);
    }, function() {
      handleNoGeolocation(true);
    });
  } else {
    // Browser doesn't support Geolocation
    handleNoGeolocation(false);
  }
}

function handleNoGeolocation(errorFlag) {
  if (errorFlag) {
    var content = 'Error: The Geolocation service failed.';
  } else {
    var content = 'Error: Your browser doesn\'t support geolocation.';
  }

  var options = {
    map: map,
    position: new google.maps.LatLng(60, 105),
    content: content
  };

  var infowindow = new google.maps.InfoWindow(options);
  map.setCenter(options.position);
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>
[/php]

 

Source Code referensi by : Google Maps Documentation

Nah semoga artikel saya kali ini bermanfaat untuk Anda semua. Mau mahir PHP dengan cepat? Baca : 9 Cara Cepat Pasti Bisa & Mahir Belajar Pemrogramman PHP.

fanspage facebook dijogja
Facebook Twitter Google Whatsapp Digg LinkedIn

jual motor honda new baru jogja murah cash kredit

0 komentar:

Poskan Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.

Cara Liburan Gratis

Pencarian

Memuat...

Hubungi Kami

Nama : Agung / Evi
No. Hp : 0856.4324.3536
YM: celunk88@yahoo.co.id
WA : 085729826010
PIN BB : SMS utk minta PIN BB
Jam Operasional : 09.00 - 16.00 WIB
Denah Lokasi Kami : [ Klik Disini ]

Populer