routing and context menu

**upixsoul** · 2012-07-03, 17:45

hello im developing an application, i want to route, using nokia.maps.map.StandardMarker, but i have to use:
http://api.maps.nokia.com/2.2.0/jsl.js?routing=auto
http://api.maps.nokia.com/2.2.0/jsl.js?with=directions
http://api.maps.nokia.com/2.2.0/jsl.js?with=all

to have routes working, and its fine, but, if i use those, and i use context menu, by default i have the options "zoom in, zoom out, directions from here, add a waypoint, directions to here.

and i dont want that options by default, i want to add my own menu items to the context menu for routing.

**jasfox** · 2012-07-04, 13:40

You need to use contextMenu.addHandler() to add your custom menu item and contextMenu.removeHandler() remove menu items passing in the function to the context menu. After some rooting around the code, I've discovered that the following will work:

Code:

<!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" />
		<meta http-equiv="X-UA-Compatible" content="IE=7; IE=EmulateIE9" />
		<title>Context Menu</title>
		<script type="text/javascript" charset="UTF-8" src="http://api.maps.nokia.com/2.2.1/jsl.js?with=all"></script>
		</head>
	<body>
		<div id="mapcanvas"  style="width:800px; height:400px;" >&nbsp;</div>
	
	  <script type="text/javascript">


/////////////////////////////////////////////////////////////////////////////////////
// Don't forget to set your API credentials
//
// Replace with your appId and token which you can obtain when you 
// register on http://api.developer.nokia.com/ 
//
			nokia.Settings.set( "appId", "YOUR APP ID GOES HERE"); 
			nokia.Settings.set( "authenticationToken", "YOUR AUTHENTICATION TOKEN GOES HERE");
//			
/////////////////////////////////////////////////////////////////////////////////////

	// Get the DOM node to which we will append the map
		var mapContainer = document.getElementById("mapcanvas");
		
		
		// Create a map inside the map container DOM node
		var map = new nokia.maps.map.Display(mapContainer, {
			components: [
				new nokia.maps.map.component.panning.Drag(),
				new nokia.maps.map.component.panning.Kinetic()
			],
			 'zoomLevel': 2,
			  'center': [43.09, -53.674] 
		});
		
		var contextMenu = new nokia.maps.map.component.ContextMenu();
		/* Add a Custom item */
		var myHandler = function(contextMenuEvent, group) {
					group.addEntry(
					"Custom Item",
						function(activationEvent) {
							alert( "Clicked");
		});
                }

		// Remove Zoom
		contextMenu.removeHandler(nokia.maps.map.component.ContextMenu.zoomHandler);
		// Remove  Routing
		if (nokia.maps.routing.component !== undefined){
				contextMenu.removeHandler(nokia.maps.routing.component.ContextMenuHandler);
	        }
	        // Add something else.
		contextMenu.addHandler(myHandler);
		map.components.add(contextMenu);	
	</script>
    </body>
</html>

**upixsoul** · 2012-07-04, 17:24

thank you! it works perfect!

Discussion Board

Thread: routing and context menu

Thread Tools

Search Thread

Rate This Thread

Display

Similar Threads

Context Menu

context menu in dialog??

Context Menu in J2ME (LWUIT)

IAP edit in context menu

Posting Permissions