如何在不使用数字的情况下更改按钮单击时的地图缩放级别？

Question

我正在使用 esri javascript API 创建网络地图。我想在地图旁边有一个按钮，让我可以 zoom-in/out（不是标准的 esri 按钮）。现在，我找到了很多使用 dijit (https://developers.arcgis.com/javascript/jssamples/toolbar_navigation.html) 执行此操作的示例，但我只想使用一个简单的 html 按钮，例如：放大，然后在脚本部分中说：

函数缩放(){map.setZoom()}

现在我的问题是我不知道如何让它工作。我想问题是在单击按钮之后它找不到缩放功能，因为它在 require([...]),function(){} 内部但是我不能把它放在外面，因为代码取决于要求。

所以，如果你能告诉我该怎么做就太好了。

Answer 1

要放大地图，请使用 setZoom 方法增加当前缩放级别进行放大，减少进行缩小。例如：

//zoom out:
map.setZoom(map.getZoom()-1);

//zoom in:
map.setZoom(map.getZoom()+1);

例如，使用上面 Esri 示例的沙箱： http://developers.arcgis.com/javascript/sandbox/sandbox.html?sample=toolbar_navigation

...将第 85 行到第 91 行替换为：

      registry.byId("zoomin").on("click", function () {
        //navToolbar.activate(Navigation.ZOOM_IN);
        map.setZoom(map.getZoom()+1);
      });

      registry.byId("zoomout").on("click", function () {
        //navToolbar.activate(Navigation.ZOOM_OUT);
        map.setZoom(map.getZoom()-1);
      });

这将允许放大和缩小按钮控制地图。

希望对您有所帮助。

如何在不使用数字的情况下更改按钮单击时的地图缩放级别？

How to change map zoomlevel on buttonclick without using dijit?

javascript

function

button

buttonclick

arcgis-js-api