arcgis server javascriptAPI3.0本地部署步骤

1、在地址http://www.esri.com/apps/products/download/index.cfm?fuseaction=download.all#ArcGIS_API_for_JavaScript下载3.0API压缩包;

2、在本地解压,解压后,文件夹内主要有jsapi、jsapicompact两个文件夹,这是两个不同的模式,我们选用jsapi普通模式;

3、在myEclipse中创建一个webproject项目,名称为testWebgis;

4、将jsapi文件夹放到项目的WebRoot目录下;

5、修改三个文件,分别是init.js、dojo.js、dojo.js.uncompressed.js,搜索文件中的'[HOSTNAME_AND_PATH_TO_JSAPI]’,以本人为例,替换为'localhost:8088/testWebgis/';

6、创建测试页面aa.html,页面代码如下:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Simple Map</title>
        <link rel="stylesheet" type="text/css" href="jsapi/js/dojo/dijit/themes/tundra/tundra.css">
        <script type="text/javascript" src="jsapi/js/dojo/dojo/dojo.js"></script>
        <script type="text/javascript" src="jsapi/init.js"></script>
        <script type="text/javascript">
          dojo.require("esri.map");
          function init() {
            var myMap = new esri.Map("mapDiv");
            var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://localhost:8399/arcgis/rest//services/Untitled/MapServer");
            myMap.addLayer(myTiledMapServiceLayer);
          }
          dojo.addOnLoad(init);
        </script>
      </head>
      <body class="tundra">
        <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
      </body>
    </html>

7、注意js文件引用顺序。访问aa.html页面即可看到效果;

8、该方法仅仅是将api引用到某一个工程项目下,事实上可以将api单独发布到tomcat容器下,可以为其他项目提供服务引用。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值