Script PHP Menampilkan Peta Dasar Sederhana Google Map

Script PHP Menampilkan Peta Dasar Sederhana Google Map

php_development

Script PHP Menampilkan Peta Dasar Sederhana Google Map. Script ini digunakan untuk menampilkan peta dasar dan sederhana dari Google MAP dengan penentuan koordinat X,Y sebagai center mapsnya. Sebagai contoh sederhana script dibawah ini adalah Script PHP Menampilkan Peta Dasar Sederhana Google Map dengan javascript dan center map adalah koordinat -7.716165,110.33540300000004 atau sleman, yogyakarta untuk alamatnya. Berikut code untuk menampilkannya:

 

[php]
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-7.716165,110.33540300000004)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

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

 

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

[php]
<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</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>
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-7.716165,110.33540300000004)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

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