I'm using Google Maps API v2 and Geoxml to produce a map which is retrieving content. It is nice and easy to get to the marker array in a Geoxml instance (instancevar.overlayman.markers) which contains the properties and methods of the markers. What I can't tell is how to get to the string of HTML that appears when the click method on the marker is activated. I can use JavaScript to activate the method, and I know that the openWindowInfoHtml method is defined when processing the KML/GeoRSS with the appropriate information. Is that information available somewhere in the runtime insances of the markers? Or, if not, where is it defined?
Google-maps – Retrieving “inactive” infowindow HTML in Google Map
google-maps
Related Solutions
Since you are using v3, you can simply prevent the infoWindow from shifting the map with the disableAutoPan option, as in the following example (API Reference):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps disableAutoPan Demo</title>
<script src="http://maps.google.com/maps/api/js?sensor=false"
type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 200px; height: 200px"></div>
<script type="text/javascript">
var myLatlng = new google.maps.LatLng(37.44, -122.14);
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var infowindow = new google.maps.InfoWindow({
content: 'Test',
disableAutoPan: true
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Test Marker'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
</script>
</body>
</html>
Screenshot:
JavaScript is a dynamic language. You could just add it to the object itself.
var marker = new google.maps.Marker(markerOptions);
marker.metadata = {type: "point", id: 1};
Also, because all v3 objects extend MVCObject(). You can use:
marker.setValues({type: "point", id: 1});
// or
marker.set("type", "point");
marker.set("id", 1);
var val = marker.get("id");
Related Question
- Javascript – Google Maps API and KML File LocalHost Development Options
- Google-maps – Google Map API V3: How to add Custom data to markers
- Android – LogCat message: The Google Play services resources were not found. Check your project configuration to ensure that the resources are included
- Javascript – Google Maps & JavaFX: Display marker on the map after clicking JavaFX button
Best Solution
There is nothing in the API to get the html. Having a look at the Geoxml source it is just calling openInfoWindow from the click event (passing in the html at that point), so I don't think you can get it that way.
You could modify the Geoxml source to associate the html with the GMarker when it creates it, but this isn't going to be trival as there isn't a single spot in the library to do this.