Question

因为界面要求需要自定义实现的放大缩小功能，现在是通过监听自定义按钮的点击事件然后调用camera的zoomIn和zoomOut方法，但是和官方导航条的放大缩小按钮比较起来不够顺滑，请问要如何能达到官方的放大缩小效果

Answer 1

WebGL包里找navigation.css，模拟鼠标放大缩小可以看Camera的API，里面有很多方法，moveUp或者zoom系列。

Comments

可能我问题表达的不是很清楚，我想实现的并不是还原超图官方的导航条样式，而是导航条中放大缩小的功能效果。因为我如果自定义一个button然后绑定click事件之后再去调用camera的zoomIn方法时发现缩放有一定的卡顿感，但是官方的导航确感觉很丝滑，好像有动画效果。我后来尝试绑定mouedown事件，稍微好点但是还是不如官方缩放的丝滑，请问官方具体是如何实现的这个放大缩小功能。

---

如果您指的是右上角的罗盘旁边的拖动，这个是一个导航条的监控，绑定的Camera的放大缩小。您可以在webGL包中通过全局搜索 navigation.css来找到示例代码

---

好的，谢谢我在VSCode里面搜索navigation.css 没有结果，具体是通过什么搜索呢，我只是在Cesium/Widgets下面找到了一个navigation.css的文件

---

是我没和您说清楚，您这边通过全局搜索查询“ navigation ”

然后结合https://blog.csdn.net/SuperMapsupport/article/details/109642469

作为脚本去编写 导航条

---

您好，

我刚刚测试了一下，大概明白您的意思了

https://blog.csdn.net/u010358183/article/details/121610901

您看一下这个博客，您应该调用的是leftdown，而不是leftclick。

如果lleftdown导致一直进行的话，您可以用leftup进行结束操作