Marker click considered as Map click...

[inevitable1988]

This is my javascript code...

var map = new nokia.maps.map.Display(mapContainer,
{
center: [21.00, 73.0],
zoomLevel: 10,
components:
[
infoBubble,
new nokia.maps.map.component.ZoomBar(),
new nokia.maps.map.component.Behavior()
]
});
var coord=map.pixelToGeo();
var lat,lon;
map.addListener("click",function(evt)
{
coord = map.pixelToGeo(evt.displayX, evt.displayY);
lat = coord.latitude;
lon = coord.longitude;
myfunction(lat,lon);
},true);
function myfunction(lat,lon)
{
var marker = new nokia.maps.map.Marker([lat, lon],
{
draggable: true
});
marker.addListener("click", function (evt)
{
alert("clicked on marker");
});
map.objects.add(marker);
}

my problem is, when i click on marker, it is considered both as "click on map" and "click on marker", and puts another marker on map.... i dont want new marker.. need help..

[jasfox]

You need to look at event delegation such as in this example here. The easiest way to arrange your code would be to have one event listener, but alter the functionality according to the evt.target as shown:

var coord=map.pixelToGeo();
var lat,lon;
map.addListener("click",function(evt){	
		if (evt.target instanceof nokia.maps.map.Display) {
			coord = map.pixelToGeo(evt.displayX, evt.displayY);
			lat = coord.latitude;
			lon = coord.longitude;
			myfunction(lat,lon);
		} else if (evt.target instanceof nokia.maps.map.Marker) {
			alert("clicked on marker");
		}
},true);
function myfunction(lat,lon){
	var marker = new nokia.maps.map.Marker([lat, lon],
		{draggable: true});
	map.objects.add(marker);
}

[inevitable1988]

Thank you.. Mr. Fox. It solved my problem