Basic Button Question

JohnPapageorgiou

I know this is probably very simple, but I don't even know where to begin to figure this out.  I have a map click event, and I want to change it so that the same is triggered by a button instead.  Any answers or literature I can be pointed to?

thanks,

John

OwenEarley

I would also suggest refactoring your code to use a function that you can call from the button click or map click events.

Your map click event handler can pass the map click point to the new function:

        // solve the closest facility for the map click location
        function mapClickHandler(evt) {
            var mapPt = evt.mapPoint;
            solveClosestFacilities(mapPt);
        }

Your button click event handler can pass the geolocation point to the new function:

        // wire up the button click event
        dom.byId("search-geolocation-btn").onclick = geolocationHandler;


        // this function would be wired up to your button click event
        function geolocationHandler() {
            if (pt){
                solveClosestFacilities(pt);
            } else {
                alert("Geolocation point is not available.")
            }
        }

The new function is basically the same as your old mapClickHandler function - note the minor changes:

        // solve the closest facility for the search point (thie point comes from the map click location or the geolocation)
        function solveClosestFacilities(searchPt) {
            clearGraphics();
            //Creating directions text in directionsDiv
            dom.byId("directionsDiv").innerHTML= "";

            //Add incident from user's current location on map click...again maybe change to when a button is clicked        
            var inPoint = new Point(searchPt); // note this line has changed
            var location = new Graphic(inPoint);
            incidentsGraphicsLayer.add(location);
            
            // the rest is the same as your previous code...
            
        }

I have created a modified version of your code on JS Bin to show these changes in action.

Hope this helps.

Owen

www.spatialxp.com.au