I am trying to set a custom marker....
I am using this code
var myIcon = new GIcon(G_DEFAULT_ICON);
myIcon.image = "motoicon.png";
var markerOptions = { icon:myIcon } ;
My custom marker is not showing up.
This is my full code
<script>
var map;
function initialize () {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.enableScrollWheelZoom();
map.setCenter(new GLatLng(39.504041,-99.492187), 5);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addMapType(G_PHYSICAL_MAP);
map.setMapType(G_HYBRID_MAP);
addMarkersFromXML();
var myIcon = new GIcon(G_DEFAULT_ICON);
myIcon.image = "motoicon.png";
var markerOptions = { icon:myIcon } ;
}
}
function addMarkersFromXML(){
var batch = [];
mgr = new MarkerManager(map);
var request = GXmlHttp.create();
request.open('GET', 'ridingarea1.xml', true);
request.onreadystatechange = function() {
if (request.readyState == 4 && request.status == 200) {
var xmlDoc = request.responseXML;
var xmlrows =
xmlDoc.documentElement.getElementsByTagName("Row");
for (var i = 0; i < xmlrows.length; i++) {
var xmlrow = xmlrows[i];
var xmlcellLongitude =
xmlrow.getElementsByTagName("Longitude")[0];
var xmlcellLatitude =
xmlrow.getElementsByTagName("Latitude")[0];
var point = new GLatLng(parseFloat
(xmlcellLatitude.firstChild.data), parseFloat
(xmlcellLongitude.firstChild.data));
//get the building name
var xmlcellRidingArea =
xmlrow.getElementsByTagName("Riding_Area")
[0];
var celltextRidingArea =
xmlcellRidingArea.firstChild.data;
//get the address
var xmlcellAddress =
xmlrow.getElementsByTagName("Address")[0];
var celltextAddress = xmlcellAddress.firstChild.data;
//get the ownership
var xmlcellOwnership =
xmlrow.getElementsByTagName("Ownership")[0];
var celltextOwnership =
xmlcellOwnership.firstChild.data;
//get the date built
var xmlcellDateBuilt =
xmlrow.getElementsByTagName("Date_Built")
[0];
var celltextDateBuilt =
xmlcellDateBuilt.firstChild.data;
var htmlString = "Riding Area: " + celltextRidingArea +
"<br>" +
"Address: " + celltextAddress + "<br>" + "Ownership: " +
celltextOwnership + "<br>" + "More Info: " + celltextDateBuilt;
//var htmlString = 'yes'
var marker = createMarker(point,htmlString);
batch.push(marker);
}
mgr.addMarkers(batch,5);
mgr.refresh();
}
}
request.send(null);
}
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
</script>
Here is a link to a working map http://www.mototips.com/sample/
As you can see it is not showing my custom marker. What have i done
wrong?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
