Renderer : creating from json ignores width and height

Question

Hi,

can anyone explain why is renderer ignoring my width and height settings for the picture marker symbols ?

if I create the renderer like this:
new SimpleRenderer(new PictureMarkerSymbol({"url":"./graphics/rm/renderer/boatRamp.png","height":24,"width":24,"type":"esriPMS"}))

the renderer ends up with the symbol properties of :

height: 32
size: 16
type: "picturemarkersymbol"
url: "./graphics/rm/renderer/boatRamp.png"
width: 32
xoffset: 0
yoffset: 0

When I create the renderer like this:
new SimpleRenderer(new PictureMarkerSymbol('./graphics/rm/renderer/boatRamp.png', 24, 24))
then it works as expected.

Any ideas?
Thank you

ManishkumarPatel · Answer

thanks for that jsfiddle mate, I've modified to create the PictureMarkerSymbol from json, and have a look yourself that the images are larger (right-click and inspect the element, you'll see the width is 120px!)

Any ideas why the picture marker symbol from json is ignoring the width/height ? There seems to be some kind of multiplication by 1.33333 constant ??

I've also noticed that toJson() on the symbol is not returning the same width/height properties. To me this is a bug.

http://jsfiddle.net/9byGw/4/

M

Hi Michal,

I spend sometime testing with different symbols and found the same behavior you mentioned,

for instance if we are using the below symbol:

var infoSymbol = new esri.symbol.PictureMarkerSymbol({
        url: "http://developers.arcgis.com/en/javascript/samples/map_topo_graphics/images/info.png",
        width: 10, 
        height: 10
    });

the output in the results frame after inspecting the symbol element is as below:

I tried to search on the web found a bug similar (not related) to this issue but that is if the source is set before setting this properties:

For your reference: http://support.esri.com/en/bugs/nimbus/TklNMDUzODcy

Also I tried using another symbols and the results are same, the width and height properties seems to be different than specified. Seems like you found a BUG 😮

If you want to have a look check this fiddle: http://jsfiddle.net/patelmanya/9byGw/10/

You could log a bug for this issue with ESRI.

Thanks,
Manish

MichalGasparovic · Answer

by our local esri support team I was pointer to the doco where it says that once it's declared using json, the widths and height are to be set in POINTS rather then pixels. kuddos to them.

MichalGasparovic · Answer

check this if it helps:

http://jsfiddle.net/patelmanya/9byGw/3/

I tried setting multiple size for the symbol. Let me know if this is what you looking for.

Thanks and Good luck!!

thanks for that jsfiddle mate, I've modified to create the PictureMarkerSymbol from json, and have a look yourself that the images are larger (right-click and inspect the element, you'll see the width is 120px!)

Any ideas why the picture marker symbol from json is ignoring the width/height ? There seems to be some kind of multiplication by 1.33333 constant ??

I've also noticed that toJson() on the symbol is not returning the same width/height properties. To me this is a bug.

http://jsfiddle.net/9byGw/4/

M