AnsweredAssumed Answered

Binding DOM Elements to Graphics Instead of SimpleMarkerSymbol() in ArcGIS API For JS

Question asked by BEHSEINI on Aug 26, 2015

Can you please let me know if it is possible to bind our custom DOM into the geometry point instead of ArcGIS API SimpleMarkerSymbol()?

I tried to do this like this

var point = new Point(-126.687482, 54.793577); 
var pointSymbol = '<div class="marker"></div>'; 

but it is not doing the job! here is the whole code

ar point = new Point(-126.687482, 54.793577); 
var pointSymbol = '<div class="marker"></div>'; 
var pointAttributes = {city: "Albuquerque", state: "New Mexico"};
var pointInfoTemplate = new InfoTemplate("Albuquerque"); 
var pointGraphic = new Graphic(point, pointSymbol, pointAttributes).setInfoTemplate(pointInfoTemplate);
  thePoints.push(pointGraphic);
  console.log(thePoints)
map.on('load', function () {
  for (i = 0; i < thePoints.length; ++i) {
  map.graphics.add(thePoints[i]);
  }
});

Outcomes