topic Re: simple (hopefully) offset marker pin in ArcGIS JavaScript Maps SDK Questions

simple (hopefully) offset marker pin

AdrianMarsden — Thu, 08 Jul 2010 12:44:20 GMT

Hi

I'm using

var IDsymbol = new esri.symbol.PictureMarkerSymbol('URL', 20, 34);
var graphic = new esri.Graphic(evt.mapPoint, IDsymbol);
map.graphics.add(graphic);

to add a Pin marker (like a Google one) where an identify request is made - but I want to offset the image, so the point of the pin is where the click was - I've had some quick goes at changing this but can't get it.

Cheers

ACM

Re: simple (hopefully) offset marker pin

AdamPfister — Thu, 08 Jul 2010 14:32:21 GMT

picturemarkersymbol is a subclass of markersymbol that has a "setOffset(x,y)" method. i think that should work for you.

check the API docs:
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/markersymbol.htm

Re: simple (hopefully) offset marker pin

AdrianMarsden — Thu, 08 Jul 2010 14:48:28 GMT

many thanks - one of those very easy when shown how things that novices like me struggle with. For future reference the line became

var IDsymbol = new esri.symbol.PictureMarkerSymbol('http://domain.co.uk/mapping/Mapmarker.png', 20, 34).setOffset(0,16);

makes all the difference

Cheers

ACM

Re: simple (hopefully) offset marker pin

ReneRubalcava — Sun, 12 Dec 2021 04:48:15 GMT

Not sure I quite understand, but I usually set the offset to half the height, so that the bottom of the marker, usually a pointer or flag will be at the actual x/y of the graphic.

var pm_sym = new esri.symbol.PictureMarkerSymbol({
          url: "images/stop-sign_alt.png",
          height: 26,
          width: 24,
          yoffset: 26 / 2,
          type: "esriPMS"
        });

Re: simple (hopefully) offset marker pin

RexBradford — Sun, 12 Dec 2021 04:48:18 GMT

Not sure I quite understand, but I usually set the offset to half the height, so that the bottom of the marker, usually a pointer or flag will be at the actual x/y of the graphic.
var pm_sym = new esri.symbol.PictureMarkerSymbol({
          url: "images/stop-sign_alt.png",
          height: 26,
          width: 24,
          yoffset: 26 / 2,
          type: "esriPMS"
        });

When the marker is scaled, i.e. the width and height passed in to PictureMarkerSymbol is not the same as the source image's width and height, which is being "offsetted"? To achieve the effect above, should I pass in yoffset = half the height being supplied, or half the height of the source png file?

Thanks,

Rex Bradford
Direct Relief International