Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>yeah i solve this problem. here is the code : hope this case can help someone.</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;contoh&lt;/title&gt; &lt;link href="assets/css/bootstrap.css" rel="stylesheet"&gt; &lt;style&gt; body { padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */ } &lt;/style&gt; &lt;link href="assets/css/bootstrap-responsive.css" rel="stylesheet"&gt; &lt;script src="assets/js/jquery.js"&gt;&lt;/script&gt; &lt;!-- load googlemaps api dulu --&gt; &lt;script src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; function initialize(){ var peta; var gambar_tanda; gambar_tanda = 'assets/img/enseval.jpg'; var x = new Array(); var y = new Array(); var customer_name = new Array(); // posisi default peta saat diload var lokasibaru = new google.maps.LatLng(-6,107); var petaoption = { zoom: 6, center: lokasibaru, mapTypeId: google.maps.MapTypeId.ROADMAP }; peta = new google.maps.Map(document.getElementById("map_canvas"),petaoption); var infowindow = new google.maps.InfoWindow({ content: "" }); // memanggil function ambilpeta() untuk menampilkan koordinat url = "json.php"; $.ajax({ url: url, dataType: 'json', cache: false, success: function(msg){ for(i=0;i&lt;msg.enseval.customer.length;i++){ x[i] = msg.enseval.customer[i].x; y[i] = msg.enseval.customer[i].y; customer_name[i] = msg.enseval.customer[i].nama_customer; var point = new google.maps.LatLng(parseFloat(msg.enseval.customer[i].x),parseFloat(msg.enseval.customer[i].y)); tanda = new google.maps.Marker({ position: point, map: peta, icon: gambar_tanda, clickable: true }); bindInfoWindow(tanda, peta, infowindow, msg.enseval.customer[i].nama_customer); //var isi = msg.enseval.customer[i].nama_customer; //var infowindow = new google.maps.InfoWindow(); //google.maps.event.addListener(tanda,'click', function() { //return function(){ //infowindow.setContent(this); //infowindow.open(peta,this); //}; //}); /*var infowindow = new google.maps.InfoWindow({ content:isi }); google.maps.event.addListener(tanda, 'click', function() { //infowindow.setContent(content); infowindow.open(peta,this); });*/ } } }); } google.maps.event.addDomListener(window, 'load', initialize); function bindInfoWindow(tanda, peta, infowindow, strDescription) { google.maps.event.addListener(tanda, 'click', function() { infowindow.setContent(strDescription); infowindow.open(peta, tanda); }); } //onload="initialize() -- &gt; body &lt;/script&gt; &lt;/head&gt; &lt;body "&gt; &lt;div class="container"&gt; &lt;div class="navbar navbar-fixed-top"&gt; &lt;div class="navbar-inner"&gt; &lt;div class="container"&gt; &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt; &lt;/a&gt; &lt;a class="brand" href="#"&gt;CONTOH&lt;/a&gt; &lt;div class="btn-group pull-right"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="map_canvas" style="height:500px"&gt;&lt;/div&gt; &lt;hr&gt; &lt;footer&gt; &lt;p&gt;&amp;copy; TEST&lt;/p&gt; &lt;/footer&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload