Java Script Map Multi Marker

<h1>POINT DICLICK ADA DETAIL LP2MARAY</h1>

<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyBhSg6I2JvHNU_jLqIpvc5MEwc_xi3Ttvg&sensor=true"></script>
<script>
var map;
function initialize() {
  var myLatlng = new google.maps.LatLng(-6.353394, 106.832300);
  var mapOptions = {
    zoom: 13,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

// or: new Array();
var arLat= [];
var arLon= [];
var arNama= [];
var arLok= [];
arLat[0]= -6.344437;
arLon[0]= 106.832922;
arNama[0]= "Lokasi 1";
arLok[0]= "Alamat 1";

arLat[1]= -6.343815;
arLon[1]=  106.842314;
arNama[1]= "Lokasi 2";
arLok[1]= "Alamat 2";

arLat[2]= -6.336022;
arLon[2]= 106.839072;
arNama[2]= "Lokasi 3";
arLok[2]= "Alamat 3";

arLat[3]= -6.331501;
arLon[3]= 106.846371;
arNama[3]= "Lokasi 4";
arLok[3]= "Alamat 4";

arLat[4]= -6.329631;
arLon[4]= 106.875154;
arNama[4]= "Lokasi 5";
arLok[4]= "Alamat 5";

for (var i = 0; i < 5; i++) {
    var location = new google.maps.LatLng(arLat[i],arLon[i]);
    var marker = new google.maps.Marker({
        position: location,
        map: map
    });
    marker.setTitle(arNama[i]);
var content=arNama[i]+"<br>"+arLok[i];
    attachSecretMessage(marker, content);
}
}

function attachSecretMessage(marker, lokasi) {
  var infowindow = new google.maps.InfoWindow({content: lokasi,size: new google.maps.Size(50,50)});
  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

  <body>
    <div id="map_canvas"  style="width:500px;height:400px;"></div>
  </body>



Komentar

Posting Komentar

Postingan populer dari blog ini

Source Code Koleksi Php dan java script

<?php //PHP: LOOP THROUGH EACH STRING LINE IN A TEXTAREA //trim off excess whitespace off the whole $text = trim($_POST['textareaname']); //explode all separate lines into an array $textAr = explode("\n", $text); //trim all lines contained in the array. $textAr = array_filter($textAr, 'trim'); //loop through the lines foreach($textAr as $line){ echo "$line"; } function bubble_sort($arr) {     $size = count($arr);     for ($i=0; $i<$size; $i++) {         for ($j=0; $j<$size-1-$i; $j++) {             if ($arr[$j+1] < $arr[$j]) {                 swap($arr, $j, $j+1);             }         }     }     return $arr; } function swap(&$arr, $a, $b) {     $tmp = $arr[$a];     $arr[$a] = $arr[$b];     $arr[$b] = $tmp; } /* test bubble sort *...
Baca selengkapnya

Java Script Auto refresh

<?php session_start(); $jmldata=10; ?> <html> <head> <script type="text/javascript"> function Ajax(){ var $http,$self = arguments.callee; if (window.XMLHttpRequest) {$http = new XMLHttpRequest();} else if (window.ActiveXObject) { try {$http = new ActiveXObject('Msxml2.XMLHTTP');} catch(e) {$http = new ActiveXObject('Microsoft.XMLHTTP');} } if ($http) { $http.onreadystatechange = function(){ if (/4|^complete$/.test($http.readyState)) { document.getElementById('ReloadThis').innerHTML = $http.responseText; setTimeout(function(){$self();}, 1000); } }; $http.open('GET', 'songinfo.php' + '?' + new Date().getTime(), true); $http.send(null); } } </script> <script type="text/javascript">setTimeout(function() {Ajax();}, 1000);</script> <meta http-equiv="Content-...
Baca selengkapnya

Java Script Membaca Lokasi Kita

Gambar
<!DOCTYPE html> <html> <head>     <title>Demo Cek Lokasi Geolocation HTML5</title> </head> <body> <center> <p id="tampilkan"></p> <p>Cek lokasi anda! >> <button onclick="getLocation()">Cek</button></p> <div id="mapcanvas"></div> </center> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyBhSg6I2JvHNU_jLqIpvc5MEwc_xi3Ttvg&sensor=true"></script> <script> var view = document.getElementById("tampilkan"); function getLocation() {     if (navigator.geolocation) {         navigator.geolocation.getCurrentPosition(showPosition, showError);     } else {         view.innerHTML = "Yah browsernya ngga support Geolocation bro!";     } } function showPosition(position) {     lat = position.coords.latitude;     lon = pos...
Baca selengkapnya