AnsweredAssumed Answered

PictureMarkerSymbol - Assign border, or css styling

Question asked by Martin-Munin on Feb 18, 2014
Latest reply on Feb 19, 2014 by geonetadmin

I have created a map which shows properties for sale. Map can be seen here:

When I zoom in on map, the symbols which identify the location of the property change to images of the properties. I define the image by PictureMarkerSymbol.

When zoomed out I use different colors to differentiate between property types, such as terraced, semi terraced, apartment, bungalow, etc.... I would like to propagate this colors unto the images. So my questions are:

  1. Is there a way to add a border around the PictureMarkerSymbol, preferably border on right side, 15px wide.

  2. Is there a way to change the properties of the image by css. I tried and I have successfully added a custom css style by using jquery selectors on the fly once the images are generated by using event listner (on map update end), but the sytling didn't show on the map.

Currently I solved the problem by adding a new grapahic layer, which adds borders, but this is not optimal, especially in areas where images are overlapping. Also I do not like the idea of using multiple graphics layers if not necessary.

Attached images show the zoom in and zoom out state of the map.