When i click on different markers i always get same alert 'NIKOLA'.
Need to get coresponding alert ('Jasna','Sale','Nikola') for each marker;
This is the code . What is wrong here. Please help
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="javascript/jquery.js"></script>
<title>Map markers</title>
<style type="text/css">
#newPopup {
display: none;
background-image: url(site_images/map_popup.png);
background-repeat: no-repeat;
position: absolute;
padding-top: 15px;
padding-left: 30px;
color:#FFF;
height:105px;
width:250px;
}
#newPopup h2 {
font-size:13px;
color:#FFF;
}
</style>
</head>
<body onload="initialize()">
<div id="showMapContainer" style="width:976px; height:478px">
</div>
<!-- mapa -->
<script>
window.onload = loadScript;
function initialize()
{
var friends = [[ name = 'Saso', lat = 41.119452,long =
20.804672, zorder = 0],
[ name = 'jasna', lat =47.765169, long =
28.124571, zorder =1],
[name = 'nikola',lat = 62.291633, long =
14.824574, zorder =2]];
var myLatlng = new google.maps.LatLng(41.111167, 20.824575);
var myOptions = {
zoom: 2,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new
google.maps.Map(document.getElementById("showMapContainer"), myOptions);
var map_user_pointer = new
google.maps.MarkerImage('site_images/map_user_pointer.png',
new
google.maps.Size(31, 39),
new
google.maps.Point(0,0),
new
google.maps.Point(0, 32)
);
var map_friend_pointer = new
google.maps.MarkerImage('site_images/map_pointer.png',
new
google.maps.Size(31, 39),
new
google.maps.Point(0,0),
new
google.maps.Point(0, 32)
);
var shape = {
coord: [1, 1, 1, 20, 18, 20, 18 , 1],
type: 'poly'
};
for (var i = 0; i < friends.length; i++)
{
var markers = friends[i];
var myLatLng = new google.maps.LatLng(markers[1],
markers[2]);
var html_content = markers[0];
var marker = new google.maps.Marker
({
position: myLatLng,
map: map,
icon: map_friend_pointer,
shape: shape,
title: markers[0],
zIndex: markers[3],
title: "Hello World!"
});
google.maps.event.addListener(marker, 'click',
function() {
alert(markers[0]);
});
} // for (var i = 0; i < locations.length; i++) {
} // function initialize() {
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src =
"http://maps.google.com/maps/api/js?sensor=false&callback=initialize";;
document.body.appendChild(script);
} //function loadScript() {
</script>
<div id="newPopup"></div>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" 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-js-api-v3?hl=en.
