Adding a HomeButton dijit to a page and manually specifying event handler...

JohnBonifas1 — Sat, 16 Apr 2016 22:57:14 GMT

I have tried to add a HomeButton dijit to my page. However, it won't work if I specify any event listeners on the map object. In other words, if I want to add BOTH a HomeButton, AND a task that specifies event listeners on the map object, like this:

// for home button var objHome = new HomeButton({map: divMap}, "HomeButton"); objHome.startup(); // this is how you call 'on' style events in the API objMap.on("load", function() { // for coordinates display - event listeners objMap.on("mouse-move", showCoordinates); objMap.on("mouse-drag", showCoordinates); // for home button - when home event is fired, execute home() method - currently doesn't work objHome.on("home",objHome.home()); }); // for coordinates display function showCoordinates(evt) { //the map is in web mercator but display coordinates in geographic (lat, long) var mp = webMercatorUtils.webMercatorToGeographic(evt.mapPoint); //display mouse coordinates dom.byId("spanCoordinates").innerHTML = mp.x.toFixed(3) + ", " + mp.y.toFixed(3); }

...It won't work.

What do I need to modify here, to get the HomeButton to work with the showCoordinates code? Again, before you post the code on the HomeButton class definition page as a solution - that code WILL NOT WORK if you specify an 'on' function on the map object.

Thanx.

Re: Adding a HomeButton dijit to a page and manually specifying event handler...

JohnBonifas1 — Sun, 12 Dec 2021 16:37:36 GMT

...Never mind, I figured it out.

You can't use the default dijit members of the HomeButton class because of the map object event delegation.

The following code worked:

// define an event handler for the 'home' event on the HomeButton dijit
objHome.on("home", handleHomeButton);
// now implement the handler function.
function handleHomeButton(evt)
{
  // objHome.home(); // you can't call it this way. This method will not work in this context.
  // instead, you call the centerAt method of the map object. strLongitude and strLatitude are floats.
  objMap.centerAt([strLongitude, strLatitude]);
}

topic Adding a HomeButton dijit to a page and manually specifying event handler... in Developers Questions

Adding a HomeButton dijit to a page and manually specifying event handler...

Re: Adding a HomeButton dijit to a page and manually specifying event handler...