topic Add SimpleMarkerSymbol to Geocoder in Web AppBuilder Custom Widgets Questions

Add SimpleMarkerSymbol to Geocoder

GiovanniMarrero3 — Tue, 16 Jun 2015 19:13:30 GMT

I'm currently updating the Geocoder in WAB to work like the link below but I can't figure out how to add a marker when an address is found. Can someone tell me why this code is not adding a graphic after inputting an address in the geocoder?

Trigger Layer(s) Popup with Feature.Geometry

onFindResults: function(results) {

//Check to see if the user typed an MGRS or USNG string

this.lastMgrsResult = this.lookupMgrs(results.results.value);

if (null !== this.lastMgrsResult) {

// Get reference ellipsoid coordinates of the current coordinate system

// var mapWkid = this.map.spatialReference.wkid;

// var srWkid = csUtils.isProjectedCS(mapWkid) ?

//csUtils.getGeoCSByProj(mapWkid) : mapWkid;

//Make a new object just like the objects in results.results.results

var point = new Point(

this.lastMgrsResult.longitude,

this.lastMgrsResult.latitude,

new SpatialReference({

wkid: 4326 //srWkid should use the ellipsoid SR of the current coordinate system

}));

var extent = this.map.extent.centerAt(point);

var symbol = new SimpleMarkerSymbol();

symbol.setStyle(SimpleMarkerSymbol.STYLE_SQUARE);

symbol.setColor(new Color([153,0,51,0.75]));

var graphic = new esri.Graphic(point, symbol);

map.graphics.add(graphic);

var resultObject = {

extent: extent,

feature: feature,

name: this.lastMgrsResult.text

};

//Insert at start of results list

results.results.results.unshift(resultObject);

}

Re: Add SimpleMarkerSymbol to Geocoder

RobertScheitlin__GISP — Sun, 21 Jun 2015 23:23:26 GMT

Giovanni,

Did you add the requires for Point, SpatialReference, SimpleMarkerSymbol, Color, Graphic ?
In a WAB widget you have to use this.map and you only have map.graphics.add(graphic);
You have this "feature: feature," in your code and I don't see where feature is defined anywhere.

Re: Add SimpleMarkerSymbol to Geocoder

GiovanniMarrero3 — Mon, 22 Jun 2015 12:21:07 GMT

Thank you for taking the time to answer this question. I had the three problems you mentioned, I was missing the "esri/Color" in the define section and I needed the "this.map." to map.graphics.add(graphic), and I had it in the wrong section of the script. Here's the working code.

if (feature) {

var mpPt = feature.geometry;

		this.map.centerAndZoom( mpPt, 20);
		var symbol = new SimpleMarkerSymbol();
		symbol.setStyle(SimpleMarkerSymbol.STYLE_SQUARE);
		symbol.setColor(new Color([255,0,0]));

var graphic = new esri.Graphic(mpPt, symbol);

this.map.graphics.add(graphic);

setTimeout(lang.hitch(this, function(){ var scrPt = this.map.toScreen(mpPt); this.map.emit("click", { bubbles: true, cancelable: true, screenPoint: scrPt, mapPoint: mpPt }); }), 1000);

} else if (extent) {

this.map.setExtent(extent);

}

Thanks again!