javascript - 如何在 esri map 上制作我自己的缩放按钮

Question

我正在尝试实现一个 zomm 按钮(和其他按钮)并使用 esri javascript api。

我隐藏了 esri 默认按钮并想使用我自己的按钮来放大。在这里查看:http://jsfiddle.net/nxuq857d/

    var map;
    // esri map initialization
    require(["esri/map", "esri/geometry/Point",
    "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol",
    "esri/graphic", "dojo/domReady!"], function (Map, Point,
    SimpleMarkerSymbol, SimpleLineSymbol,
    Graphic, Color) {
            map = new Map("map", {
            center: [0, 0],
            zoom: 5,
            basemap: "topo",
            slider: true // set to false to remove default zoom buttons
        });
    });

我希望它执行与默认 esri 缩放按钮(放大)相同的功能。怎么做？

此外，我在从 map 函数外部引用 map 时遇到问题...所以如果您也能提供帮助。如何从其他功能引用 map 并执行例如缩放功能。之后:

        });
    });

非常感谢

Answer 1

首先，您必须订阅“zoombutton”DOM 元素的点击事件。您可以使用 native api 或类似 jquery ($('#zoombutton').on) 或 dojo/on 模块的东西来完成。

在事件回调函数中，您可以访问您的 map ，因为您在全局范围内对其进行了初始化，并且只需设置 map 的下一层 (https://developers.arcgis.com/javascript/jsapi/map.html#setlevel)。

函数示例:

document.getElementById('zoombutton').addEventListener('click', function(){
   map.setLevel(map.getLevel()+1);
});

如果您想要更可重用和模块化的东西，您可以在此处查看更多说明 https://developers.arcgis.com/javascript/jshelp/intro_custom_dijit.html