Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Just for a start, here is how to manage multiple markers. (copy &amp; Paste the code into a html file and it works ...) You can then adapt the code by writing out the locations from a db etc. via classic asp:</p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt; &lt;title&gt;Google Maps Multiple Markers&lt;/title&gt; &lt;script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="map" style="width: 1000px; height: 1000px;"&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; var locations = [ ['Stadtbibliothek Zanklhof', 47.06976, 15.43154, 1], ['Stadtbibliothek dieMediathek', 47.06975, 15.43116, 2], ['Stadtbibliothek Gösting', 47.09399, 15.40548, 3], ['Stadtbibliothek Graz West', 47.06993, 15.40727, 4], ['Stadtbibliothek Graz Ost', 47.06934, 15.45888, 5], ['Stadtbibliothek Graz Süd', 47.04572, 15.43234, 6], ['Stadtbibliothek Graz Nord', 47.08350, 15.43212, 7], ['Stadtbibliothek Andritz', 47.10280, 15.42137, 8] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 13, center: new google.maps.LatLng(47.071876, 15.441456), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i &lt; locations.length; i++) { marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map }); google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

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