Databases
StackOverflow2013
Postsdbo
POGoogle Map strange behaviour- marker info Window displays info always from the same marker
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle Map strange behaviour- marker info Window displays info always from the same marker
    primarykey
    data
    text
    <p>I have map with multiple different colors markers with some info window. Everything works OK except when I click on some marker (I have 5 of them on example) it switches my cursor on, let's say, the 4-th marker and displays info window always from that marker. So it displays always the same info window. It is small html file, so I would appreciate if someone knows the solution for this. I tried also and with <code>google.maps.event.addDomListener</code> because I suppose that there is the problem but it is the same behaviour.</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"&gt; &lt;head&gt; &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt; &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"/&gt; &lt;title&gt;Google Maps Javascript API v3 Example: Loading the data from an XML&lt;/title&gt; &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="downloadxml.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; //&lt;![CDATA[ // global "map" variable var map = null; function initialize() { var myOptions = { zoom: 8, center: new google.maps.LatLng(43.907787,-79.359741), mapTypeControl: true, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, navigationControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); google.maps.event.addListener(map, 'click', function() { infowindow.close(); }); // Read the data from example.xml downloadUrl("example7.xml", function(doc) { var xmlDoc = xmlParse(doc); var markers = xmlDoc.documentElement.getElementsByTagName("marker"); for (var i = 0; i &lt; markers.length; i++) { // obtain the attribues of each marker var lat = parseFloat(markers[i].getAttribute("lat")); var lng = parseFloat(markers[i].getAttribute("lng")); var point = new google.maps.LatLng(lat,lng); var html = markers[i].getAttribute("html"); var severity = parseFloat(markers[i].getAttribute("severity")); var color= "66FF33"; if (severity == 0) color = "66FF33"; else if (severity == 1) color = "990099"; else if (severity == 2) color = "00CCFF"; var pinImage = new google.maps.MarkerImage("http://www.googlemapsmarkers.com/v1/" + color, new google.maps.Size(21, 34), new google.maps.Point(0,0), new google.maps.Point(10, 34)); var marker = new google.maps.Marker({ position: point, map: map, icon: pinImage, }); google.maps.event.addListener(marker, 'click', function() { var alarmanchor1='&lt;span class="url"&gt;&lt;a href="' + html; var alarmanchor2='" title="www" target="_blank"&gt;Event List&lt;/a&gt;&lt;/span&gt;'; var contentString=alarmanchor1+alarmanchor2; infowindow.setContent(contentString); infowindow.open(map,marker); }); } }); } var infowindow = new google.maps.InfoWindow( { size: new google.maps.Size(150,50) }); //]]&gt; &lt;/script&gt; &lt;/head&gt; &lt;body style="margin:0px; padding:0px;" onload="initialize()"&gt; &lt;table border="1"&gt; &lt;tr&gt; &lt;td&gt; &lt;div id="map_canvas" style="width: 1050px; height: 1200px"&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;script src="urchin.js" type="text/javascript"&gt; &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>My XML is:</p> <pre><code>&lt;markers&gt; &lt;marker lat="43.65654" lng="-79.90138" html="http://www.google.com" label="Marker One" severity="0" /&gt; &lt;marker lat="43.91892" lng="-78.89231" html="http://www.yahoo.com" label="Marker Two" severity="1" /&gt; &lt;marker lat="43.82589" lng="-79.10040" html="http://www.sport.com" label="Marker Three" severity="2" /&gt; &lt;marker lat="43.72589" lng="-79.60040" html="http://www.stackoverflow.com" label="Marker Fourth" severity="3" /&gt; &lt;marker lat="43.52589" lng="-79.70040" html="http://www.stackoverflow.com" label="Marker Five" severity="4" /&gt; &lt;/markers&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDejan
    1. USDejan
    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. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POGoogle Map strange behaviour- marker info Window displays info always from the same marker
      1. USlevi
      1. VTFavorite
    1. COCan you share the xml file also?
      singulars
      1. POGoogle Map strange behaviour- marker info Window displays info always from the same marker
      1. USErsel Aker
    2. COHi Ersel. Thanks for answer I update it with my XML.
      singulars
      1. POGoogle Map strange behaviour- marker info Window displays info always from the same marker
      1. USDejan
    3. COOk, I will have a look again.
      singulars
      1. POGoogle Map strange behaviour- marker info Window displays info always from the same marker
      1. USErsel Aker
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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