ArcGIS JavaScript API离线部署后服务切片错位及放大缩小按钮不可用等问题的解决方法

1.环境

本文讲述的是讲ArcGIS JS API离线部署到本地，部署方法可参考本博另一篇文章，也可网上搜索大量的参考案例。

本文的主要环境因素是：ArcGIS Server 10.1，Windows Server 2008，ArcGIS API for JavaScript 3.6。

2.现象

首先是界面不正常，放大和缩小按钮变成简单的“+”和“-”，而且点击后不响应；

其次是服务切片加载不正确，出现错位，缺失等现象，总之就是乱七八糟，完全不忍直视啊！

如图：

3.原因

根据和部署正确且效果正常的对比，查看源代码有如下发现：

注意两个红框内容的不同之处。

说明：从ArcGIS API for JavaScript 3.3开始，为了减少开发人员工作量，对CSS进行了重组，通过esri.css文件来统一管理样式。

4.解决

本案例使用的是3.6版本的API，所以需要将CSS引用设置为对esri.css的引用。

打开rest-config.properties文件（在ArcGIS Server安装目录下framework\runtime\tomcat\webapps\arcgis#rest\WEB-INF\classes\resources），找到如下参数设置：

修改其中的css设置，修改后如下图（将之前的css设置注释掉了，也可以直接删除该行）：

重启ArcGIS Server，稍等片刻再查看，一切正常。

5.总结

出问题主要原因在于不同版本的ArcGIS JS API会有一些不同，部署方法大同小异（10.2之后变化较大），主要是注意一些配置参数需要根据版本不同设置。

本问题的解决过程中得到了JS高手大米同学的鼎力帮助，再次隆重感谢！