Deskripsi:
Script ini menunjukkan Google Map Sederhana pada halaman Web.
Script ini menunjukkan peta sederhana Google pada halaman web. Peta yang ditampilkan akan ditampilkan dengan tampilan satelit; Namun, Anda dapat dengan mudah mengubah kode untuk menunjukkan salah satu dari beberapa jenis peta termasuk:
Peta jalan
SATELIT
HYBRID
TERRACE
Anda juga dapat memodifikasi tingkat di mana Anda memperbesar peta, serta ukuran.
Silahkan Kopi Coding Berikut:
*** HTML CODE ***
<!DOCTYPE html>
<html>
<head>
<style>
#map {
width: 500px;
height: 500px;
}
</style>
</head>
<body>
<h1>A Google Map</h1>
<p>Center of downtown in Indianapolis, IN </p>
<div id="map"></div>
<script src="js/google-map.js"></script>
</body>
</html>
*** JavaScript code (in attached file) ***
// JavaScript source code
function init() {
var mapOptions = {
center: new google.maps.LatLng(39.7685571, -86.1578993, 19),
mapTypeId: google.maps.MapTypeId.SATELLITE,
zoom: 18
};
var myMap;
myMap = new google.maps.Map(document.getElementById('map'), mapOptions);
}
function loadScript() {
var script = document.createElement('script');
script.src = 'http://maps.googleapis.com/maps/api/js?sensor=false&callback=init';
document.body.appendChild(script);
}
window.onload = loadScript; Semoga bermanfaat
No comments:
Post a Comment