配置SuperMap iServer 2.0的在线脚本开发

习惯了GoogleMap API的开发，大家都希望能够利用这种开发方式，来做一些html静态页面开发，或者是PHP页面开发，我们不用再去关心究竟服务器如何管理与开发。

这里我们利用SuperMap iServer 2.0的JS SDK来配置一个允许在线开发的环境，过程较为简单：

1、我们利用SuperMap iServer自带的Demo Handler来响应请求，那么这里我们简单修改一下demo/scripts/SuperMap.Include.js文件，加入Demo所在服务器的IP地址，如下：

SuperMap.Include.js

1 var ipAddr = "http://127.0.0.1:7080/demo/";
2 function _IncludeScript(inc){
3     var script='<'+'script type="text/javascript" src="' + ipAddr +'scripts/'+inc+'"'+'><'+'/script>';
4     document.writeln(script);
5 }
6
7 function _IncludeStyle(inc){
8     var style='<'+'link type="text/css" rel="stylesheet" href="'+ ipAddr + 'styles/'+inc+'"'+' />';
9     document.writeln(style);
10

这样就可以使网页能正确引用到所有的脚本库文件；

2、除了静态页面，其他应用调用时会出现跨域问题，那么在这里，为Tomcat中的ROOT文件夹下加入跨域配置文件，如下：

clientaccesspolicy.xml

1 <?xml version="1.0" encoding="utf-8"?>
2 <access-policy>
3     <cross-domain-access>
4         <policy>
5             <allow-from>
6                 <domain uri="*"/>
7             </allow-from>
8             <grant-to>
9                 <resource path="/" include-subpaths="true"/>
10             </grant-to>
11         </policy>
12     </cross-domain-access>
13 </access-policy>
14
15

3、启动GIS服务器和Web服务器，自己写个静态页面测试一下吧

test.html

1 <html>
2 <head>
3 <link href="http://127.0.0.1:7080/demo/styles/main.css" rel="stylesheet"></link>
4 <link href="http://127.0.0.1:7080/demo/styles/page.css" rel="stylesheet"></link>
5 <script language='javascript' src='http://127.0.0.1:7080/demo/scripts/SuperMap.Include2.js'></script>
6 <script type="text/javascript" src="http://127.0.0.1:7080/demo/scripts/page_resource_zh.js"></script>
7 <script type="text/javascript" src="http://127.0.0.1:7080/demo/scripts/page.js"></script>
8 </head>
9 
10 <body onload="onPageLoad()">
11 <div id="mapcontrol1Div" style="position: absolute; top:109px; left: 216px;799;height:629"></div>
12 </body>
13 </html

Over

Author:dulvyizhihua