untuk dapat membuat marker diatas, pertama anda membutuhkan sejumlah icon. sangat disarankan icon dalam bentuk file .png. agar lebih menarik...
untuk source codenya bisa diliat dibawah..
===============================
<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCxTgJOUXBs5qhOIwudHpAdUv18PqdMmDU &sensor=false">
</script>
<script>
var uad=new google.maps.LatLng(-7.808418,110.389812);
var lokasi2=new google.maps.LatLng(-7.811089,110.384613);
var lokasi3=new google.maps.LatLng(-7.809537,110.393175);
var lokasi4=new google.maps.LatLng(-7.804541,110.385472);
var lokasi5=new google.maps.LatLng(-7.804754,110.393368);
function initialize()
{
var mapProp = {
center:uad,
zoom:16,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
var marker=new google.maps.Marker({
position:uad, icon: 'gambar.png',});
marker.setMap(map);
var infowindow= new google.maps.InfoWindow({
content:"Koe Neng kene!!!"});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
var marker1=new google.maps.Marker({
position:lokasi2, icon: 'wm.png',});
marker1.setMap(map);
var infowindow1= new google.maps.InfoWindow({
content:"Madang disit juh...!!!"});
google.maps.event.addListener(marker1, 'click', function() {
infowindow1.open(map,marker1);
});
var marker2=new google.maps.Marker({
position:lokasi3, icon: 'gas.png',});
marker2.setMap(map);
var infowindow2= new google.maps.InfoWindow({
content:"Bensin Murni...!!!"});
google.maps.event.addListener(marker2, 'click', function() {
infowindow2.open(map,marker2);
});
var marker3=new google.maps.Marker({
position:lokasi4, icon: 'kampus.png',});
marker3.setMap(map);
var infowindow3= new google.maps.InfoWindow({
content:"Sinau sing bener...!!!"});
google.maps.event.addListener(marker3, 'click', function() {
infowindow3.open(map,marker3);
});
var marker4=new google.maps.Marker({
position:lokasi5, icon: 'host.png',});
marker4.setMap(map);
var infowindow4= new google.maps.InfoWindow({
content:"Bersakit-sakit dahulu,<p> bersenang-senang kemudian...!!!"});
google.maps.event.addListener(marker4, 'click', function() {
infowindow4.open(map,marker4);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="googleMap" style="width:768px;height:500px;"></div>
</body>
</html><SCRIPT Language=VBScript><!--
===============================
kalu gak mau repot-repot silahken donlod ajha filenya di http://www.mediafire.com/download.php?2bm1g8ggw8babdw
){kind=link}
1 Komentar
ALLLAYYY cumpahh !!!
BalasHapus