We help IT Professionals succeed at work.

changing cursor ( mouse pointer ) on Marker in Google Maps

sigmatec_pk
sigmatec_pk asked
on
Hi,

I have an application where I show custom Markers on google Map. By default google shows Hand sign cursor in markers. How can I change this to some other cursor?
Here is my JS code

  
<script language="javascript">

	var gmarkers = [];

	showmap(74,31);
	var point = new GLatLng(74,31);	
	var marker = createMarker(point,1);	
	map.addOverlay(marker);	
	
	var map;
	function showmap(lat,long)
	{
		//if(initialize()){
			// create the map
			if (GBrowserIsCompatible()) {
				map = new GMap2(document.getElementById("map"));
				//map.addControl(new GLargeMapControl());
				//map.addControl(new GSmallMapControl());
				//map.addControl(new GMapTypeControl());
				map.enableScrollWheelZoom();
				map.addControl(new GLargeMapControl3D());
	
				map.setCenter(new GLatLng(lat,long), 15);
				// Add GHierarchicalMapTypeControl
				map.addMapType(G_PHYSICAL_MAP);
				var hControl = new GHierarchicalMapTypeControl();
				hControl.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, "Labels", false);
				map.addControl(hControl);
	
			}
	
		//}
		
	}
	
	onresize = function()
	{
		//initialize();
	}
	
	// this variable will collect the html which will eventually be placed in the side_bar
	
	function createMarker(point,i,html, bullet) {
	
		// Create our "tiny" marker icon
		var Icon = new GIcon(G_DEFAULT_ICON);
		Icon.image = "<?php echo TEMPLATE_PATH; ?>/images/alphabets/a.png";
	
		// Set up our GMarkerOptions object
		markerOptions = { icon:Icon };
	
		var marker = new GMarker(point,markerOptions);
		// save the info we need to use later for the side_bar
		gmarkers[0]= marker;
		
		// add a line to the side_bar html
		
		var mark = (gmarkers.length-1);
		return marker;
	}

</script>

Open in new window

Comment
Watch Question

View Solution Only

sigmatec_pk

Author

Commented:
This is talking about map's specific area will show different cursor.
I only need to change cursor of the marker.
Gurvinder Pal Singh

Commented:
you can change the cursor programmatically when your mouse pointer is on that marker.

Let me know if i haven't understood the requirement.

sigmatec_pk

Author

Commented:
How can we that programmatically? I only need to change cursor to normal arrow when its over a marker. Currently it becomes hand sign.
Gurvinder Pal Singh

Commented:
the link that i have posted  is doing exactly that.
It is checking for the specific co-ordinates areas (may be you can save those values in an array and do this more elegantly), and changing the cursor accordingly
sigmatec_pk

Author

Commented:
The example is making an area where cursor will be changed.
How can I find position of marker ?
Commented:
that position is coming from nothing but the longitude and lattitude on the map.

sigmatec_pk

Author

Commented:
Thanks