Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Is this what you are looking for? I have added the alert in the onclick function which displays me the name of the placemark in the alert box. Please check and let me know if you find any issues.</p> <pre><code>&lt;!DOCTYPE&gt; &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;libraries=places"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://geoxml3.googlecode.com/svn/trunk/ProjectedOverlay.js"&gt;&lt;/script&gt; &lt;title&gt;KML Placement Value Test&lt;/title&gt; &lt;style&gt; html, body, #map_canvas { height: 100%; margin: 0; padding: 0; } #panel { top: 5px; left: 85%; margin-left: -180px; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; } .infowindow * {font-size: 90%; margin: 0} &lt;/style&gt; &lt;script type="text/javascript" &gt; geocoder = new google.maps.Geocoder(); var geoXml = null; var geoXmlDoc = null; var map = null; var myLatLng = null; var myGeoXml3Zoom = true; var marker = []; var polyline; function initialize() { myLatLng = new google.maps.LatLng(37.422104808,-122.0838851); var test; var lat = 37.422104808; var lng = -122.0838851; var zoom = 18; var maptype = google.maps.MapTypeId.ROADMAP; if (!isNaN(lat) &amp;&amp; !isNaN(lng)) { myLatLng = new google.maps.LatLng(lat, lng); } var myOptions = {zoom: zoom,center: myLatLng,mapTypeId: maptype}; map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); infowindow = new google.maps.InfoWindow({}); geoXml = new geoXML3.parser({map: map,infoWindow: infowindow,singleInfoWindow: true,zoom: myGeoXml3Zoom, markerOptions: {optimized: false},createMarker: createMarker}); geoXml.parse('test.kml'); }; var createMarker = function (placemark, doc) { var markerOptions = geoXML3.combineOptions(geoXml.options.markerOptions, { map: geoXml.options.map, position: new google.maps.LatLng(placemark.Point.coordinates[0].lat, placemark.Point.coordinates[0].lng), title: placemark.name, zIndex: Math.round(placemark.Point.coordinates[0].lat * -100000)&lt;&lt;5, icon: placemark.style.icon, shadow: placemark.style.shadow }); // Create the marker on the map var marker = new google.maps.Marker(markerOptions); if (!!doc) { doc.markers.push(marker); } // Set up and create the infowindow if it is not suppressed if (!geoXml.options.suppressInfoWindows) { var infoWindowOptions = geoXML3.combineOptions(geoXml.options.infoWindowOptions, { content: '&lt;div class="geoxml3_infowindow"&gt;&lt;h3&gt;' + placemark.name + '&lt;/h3&gt;&lt;div&gt;' + placemark.description + '&lt;/div&gt;&lt;/div&gt;', pixelOffset: new google.maps.Size(0, 2) }); if (geoXml.options.infoWindow) { marker.infoWindow = geoXml.options.infoWindow; } else { marker.infoWindow = new google.maps.InfoWindow(infoWindowOptions); } marker.infoWindowOptions = infoWindowOptions; // Infowindow-opening event handler google.maps.event.addListener(marker, 'click', function() { alert(placemark.name); this.infoWindow.close(); marker.infoWindow.setOptions(this.infoWindowOptions); this.infoWindow.open(this.map, this); }); } placemark.marker = marker; return marker; }; &lt;/script&gt; &lt;/head&gt; &lt;body onload="initialize()"&gt; &lt;div id="map_canvas" style="float: left; width: 70%; height: 100%;"&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.
 

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