nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

want to customize the right click menu(conmtext menu) and want to show the map detai

ARPITJAIN

hi,
i want to customize the right click menu(context menu) and want to fetch the details of map like co-ordinate,lat-long on the right click option.Plz help me out.

regards
arpit

Vind meer berichten getagd met

Accepted answers

PramodHarithsa1

I worked it out.
A slight modification of http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/graphics_contextmenu.html

 function createMapMenu() {             // Creates right-click context menu for map             ctxMenuForMap = new dijit.Menu({                 onOpen: function (box) {                     currentLocation = getMapPointFromMenuPosition(box);                     var infoTemplate = new esri.InfoTemplate();                     identifyParams.geometry = currentLocation;                     identifyParams.mapExtent = map.extent;                     var deferred = identifyTask.execute(identifyParams);                      deferred.addCallback(function (response) {                        eturn dojo.map(response, function (result) {                             var feature = result.feature;                             feature.attributes.layerName = result.layerName;                              if (result.layerName === 'LayerOfInterest') {                                 //This can get you the list of attributes                                    feature.attributes;                                                                  }                             return feature;                         });                     });                  }             });

and you can use the feature values in the menu to do different things.
Herein i have attached my code for infowindow on right click.

InfowindowOnRightClick.txt.zip

All comments

BarraLoubna

for the context menu, I do this:

// Creates right-click context menu for map
        function createContextMenu(node, layer) {
             ctxMenu = new dijit.Menu({
             onOpen: function(box) {
             // Lets calculate the map coordinates where user right clicked.
             // We'll use this to create the graphic when the user clicks
             // on the menu item to "Add Point"
             currentLocation = getMapPointFromMenuPosition(box);
             editToolbar.deactivate();
           }
         });

         ctxMenu.addChild(new dijit.MenuItem({
             label: "Download",
             onClick: function (evt) {

             }
         }));

         ctxMenu.addChild(new dijit.MenuItem({
             label: "Datagrid.",
             onClick: function (evt) {
                 document.getElementById("grid").style.visibility = 'visible';
             }
         }));

         ctxMenu.addChild(new dijit.MenuItem({
             label: "Zoom to layer",
             onClick: function (evt) {
                 var layer = map.getLayer(id);
                 map.setExtent(layer.fullExtent);
             }
         }));

            ctxMenu.startup();
            ctxMenu.bindDomNode(node);
        }

The Context Menu appear in the right click of the layers, but nothing worked, the datagrid show me just the fields of the DataGrid without data...

If anyone can help us I would be grateful.

Loubna

PramodHarithsa1

I have similar issue.
can any body help!

PramodHarithsa1

I worked it out.
A slight modification of http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/graphics_contextmenu.html

 function createMapMenu() {             // Creates right-click context menu for map             ctxMenuForMap = new dijit.Menu({                 onOpen: function (box) {                     currentLocation = getMapPointFromMenuPosition(box);                     var infoTemplate = new esri.InfoTemplate();                     identifyParams.geometry = currentLocation;                     identifyParams.mapExtent = map.extent;                     var deferred = identifyTask.execute(identifyParams);                      deferred.addCallback(function (response) {                        eturn dojo.map(response, function (result) {                             var feature = result.feature;                             feature.attributes.layerName = result.layerName;                              if (result.layerName === 'LayerOfInterest') {                                 //This can get you the list of attributes                                    feature.attributes;                                                                  }                             return feature;                         });                     });                  }             });

and you can use the feature values in the menu to do different things.
Herein i have attached my code for infowindow on right click.

InfowindowOnRightClick.txt.zip

ARPITJAIN

thanks pramod 🙂

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.