Pada sebelumnya saya telah jelaskan tentang kode sederhana untuk menampilkan google map pada website menggunakan html dan javascript. Dalam peta tersebut terdapat sebuah marker (tanda). Untuk membuat tanda baru anda bisa gunakan kode dibawah ini:
var latlng2 = new google.maps.LatLng(-2.1248409,101.4273383);
var marker = new google.maps.Marker({
position: latlng2,
map: map,
title: 'tes'
});
Kode ini berguna untuk menambah marker baru pada peta anda. silahkan ditambahkan kode sebelumnya sehingga kode lengkapnya seperti 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!'
});
var latlng2 = new google.maps.LatLng(-2.1248409,101.4273383);
var marker = new google.maps.Marker({
position: latlng2,
map: map,
title: 'tes'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
(Visited 3,742 times, 1 visits today)
