配置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'></s cript>
6 <script type="text/javascript"  src="http://127.0.0.1:7080/demo/scripts/page_resource_zh.js"></sc ript>
7 <script type="text/javascript"  src="http://127.0.0.1:7080/demo/scripts/page.js"></script>
8 </head>
9 <!--这里偷懒,利用了SuperMap自带的page.js方法 ,当然里面也做了部分修改,就是写明Handler地址和GIS服务地址即可-- >
10 <body οnlοad="onPageLoad()">
11 <div  id="mapcontrol1Div" style="position: absolute; top:109px; left:  216px;width:799;height:629"></div>
12 </body>
13  </html

Over

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值