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

BruceGreen — Sat, 11 Dec 2021 21:08:31 GMT

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);
  }
});

topic Binding DOM Elements to Graphics Instead of SimpleMarkerSymbol() in ArcGIS API For JS in ArcGIS JavaScript Maps SDK Questions

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