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

change highlight or add new image for webmap with javascript

Anonymous User

Hi,

I wanna add dynamic image for my project. Let me explain you ;

if I click on the current position of the mouse on the left screen a blue image appears. But I wanna blue image create just on feature.I didn't see any post in ArcGIS API for javascript document about this topic. Maybe I can try change highlight options and make my blue image.

I will be happy if you can help me about this .

Find more posts tagged with

Accepted answers

Anonymous User

solution;

https://community.esri.com/t5/arcgis-api-for-javascript-questions/add-specific-highlight/m-p/1147433#M76470

All comments

Anonymous User

solution;

https://community.esri.com/t5/arcgis-api-for-javascript-questions/add-specific-highlight/m-p/1147433#M76470

Anonymous User

I can actually click on the feature layer. In this way, I can highlight my points. Can I make a system that opens on the map when I click with this method?

What I want to do is actually like this;

Anonymous User

Thank you for answering my question. I'm looking for something different.Can I change the highlight image? Can I put the blue image instead of the default image ?

blake.terhune

Try setting the MapView highlightOptions.

const view = new MapView({
  map: webmap,
  container: "viewDiv",
  highlightOptions: {
    color: [255, 255, 0, .9],
    haloOpacity: 0.8,
    fillOpacity: 0.5
  }
});

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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