Can someone tell me how i can add a title on markers loaded from a Xml file.
This is the code;
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="downloadxml.js"></script>
<script type="text/javascript">
var infoWindow = new google.maps.InfoWindow();
function createMarker(point,info,map) {
var myMarkerOpts = {
position: point,
map: map,
icon: "ikon.png",
shadow: "ikon_shadow.png",
};
var marker = new google.maps.Marker(myMarkerOpts);
google.maps.event.addListener(marker, 'click', function() {
infoWindow.close();
infoWindow.setContent(info);
infoWindow.open(map,marker);
});
}
function initialize() {
var latlng = new google.maps.LatLng(30.145127, 3.515625);
var mapOpts = {
zoom: 2,
center: latlng,
mapTypeId: google.maps.MapTypeId.TERRAIN,
mapTypeControl: false,
};
var map = new google.maps.Map(document.getElementById("map"), mapOpts);
downloadUrl("myxml.xml", function(data) {
var xmlDoc = xmlParse(data);
var records = xmlDoc.getElementsByTagName("marker");
for (var i = 0; i < records.length; i++) {
var rec = records[i];
var title = rec.getAttribute("title"); <!-- this is my title code but not works.-->
var vaka = rec.getAttribute("vaka");
var lat = parseFloat(rec.getAttribute("lat"));
var lng = parseFloat(rec.getAttribute("lon"));
var marker = new google.maps.LatLng(lat,lng);
var html_text = vaka;
createMarker(marker,html_text,map);
}
});
}
</script>
This is myxml.xml code;
<shapes>
<marker lat="37.775786" lon="29.085789" title="some title1" vaka="some data1" />
<marker lat="38.383012" lon="27.179468" title="some title2" vaka="soma data2" />
</shapes>
Thank you for your helps...