topic Create a zoom in zoom out and a full screen icon and add functionality to these icons on a map in ArcGIS JavaScript Maps SDK Questions

Create a zoom in zoom out and a full screen icon and add functionality to these icons on a map

kumarprince8071 — Wed, 20 Sep 2023 07:15:04 GMT

I want to create the same showing on above image with the functionality also in arcgis api using javascript ,

please help me in that , i'm new to this ,please provide me any reference also if posible.

Paco — Wed, 20 Sep 2023 17:27:55 GMT

I created my own custom Zoom buttons this way with JS and some html/css..

document.getElementById("zoominbtn").addEventListener('click', function(){

console.log("zoom in")

var n= view.zoom + 1;

view.zoom = n

});

document.getElementById("zoomoutbtn").addEventListener('click', function(){

console.log("zoom out")

var n= view.zoom - 1;

view.zoom = n

});

JeffreyThompson2 — Wed, 20 Sep 2023 17:37:52 GMT

The Zoom and Fullscreen widgets will get the functionality you are looking for. If you want to style them in the same way as the picture it will take some additional work. (ESRI won't help you trying to make your map look like Google.)

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Zoom.html