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; } } }

Interactive webmap

GéomatiqueVRN

I would like to know how to make a layer, representing administrative limits, interactive with hover-clickable polygones. The layer is included in a mapservice used to publish a webmap. If the answer is yes, is there an easy method I can follow to achieve this task ? Here is an example of what I want http://developers.arcgis.com/javascript/samples/query_hover/ ? But instead of the pop-up window, the user click will trigger a zoom-in to the urban area of the polygone.

Thanks!

Vind meer berichten getagd met

Accepted answers

GéomatiqueVRN

There are two type of config files that we have access to and that we can modify. An index.html which controls the html page and a Desktop.json.js which is in charge of all the component (modules) of the viewer for html5. The same thing applies for the Tablet and Handheld platforms (Tablet.html, Tablet.json.js, Handhel.html and Handheld.json.js). There are also Style files (css) for each platform.

All these config files can be edited in a text editor. I will try to modify the codebase of the .html config file for each platform by adding the lines of codes above.

In regard to Geocortex, it's an interesting application. Here is their website Geocortex - Accomplish even more with your investment in the ArcGIS platform - Web GIS Mapping Software if you are interested to take

a look at it.

Thank you again for your time and have a nice weekend!

Badre

All comments

GéomatiqueVRN

Thank you for your quick response!

Here are the steps I follow to publish the map on the website:

1 - I author the map in map in ArcGis (v10.3).

2- I share the service and publish the map service (dynamic) to our ArcGis server.

3- In Geocortex Essentials application, I add the map services I want by specifying the map service URL. In my case, I add a cached base map and the map service created in step 2.

4- In Geocortex, I can modify the Look and feel of the viewer for html5 by adding zoom buttons, query buttons and so on.

5- I save the site and that 's it.

In regards to the zoom extent, I defined a bookmark zoom for each urban areas in Geocortex. Is it possible to make a mouse click on the map, trigger a specific bookmark based on the polygon we clicked on?

Should the layer specified in the query task URL be a graphic layer to implement mouse events?

Finally, if I want to use my own map to apply what you suggested, all I have to do is modify the index.html file and add the code lines we see in the jsfiddle and substitute the query task URL by the REST URL of the layer I want. Is that correct?

Thank you again

ChrisSmith7

I am not familiar with Geocortex - I'd need to know more information on how to help you with your current set-up, but it sounds like Geocortex repackages the Esri product with their own, which is why the JSAPI is available. The best I can do without knowing more would be to put a jsfiddle together doing what you described (I think!):

Interactive Web Map - JSFiddle

I quickly modified the sample you gave and instead of opening the pop-up (infoWindow), the app zooms-in to the extent of the selected polygon. If you want to zoom into a defined urban area within the polygon, this would be more complicated... you would need to have an urban areas layer and need to key off of its extent. I haven't done this before, but I have some ideas of how it could be done.

GéomatiqueVRN

Hi Chris,

No, I'm not familiar with the ArcGIS JSAPI. Actually, we are using Geocortex Essentiels 4.3.2 ( viewer for HTML5 2.4 version) to publish a webmap.The index.html config file of our site loads many apis and the 3.13 version of the arcgis JSAPI is among them:

I would be grateful if you can explain to me how to make use of this arcgis jsapi that is already there.The layer that we want to make dynamic is the topmost one, is visible at full scale and is no longer visible when we zoom-in.

Thanks

ChrisSmith7

Are you familiar enough with the ArcGIS JSAPI that if we provide a sample, you can implement? Or, do you need information on how to use the ArcGIS JSAPI, creating and publishing map services, etc. in addition to a sample?

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.