Anda bisa menampilkan peta google map dengan hanya menggunakan sebuah file HTML dan javascript. Contoh sederhana Google map seperti dibawah ini
<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Simple markers</title> <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> function initialize() { var myLatlng = new google.maps.LatLng(-2.1788761,101.4415862); var mapOptions = { zoom: 13, center: myLatlng } var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); var marker = new google.maps.Marker({ position: myLatlng, map: map, title: 'Hello World!' }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html>
Ini adalah contoh paling sederhana untuk menampilkan peta google di webiste dengan menggunakan API dari google map.
(Visited 13,488 times, 1 visits today)