tomcat离线部署Arcgis_js_API,并在Myeclipse中调用
2014-11-08 11:37
288 查看
注意:本文主要是那些刚接触的webgis开发的小白,提供一个开发环境,大神请绕道,有不对的地方,请大家留言一起探讨
作为一个GISer,不可避免接触到webgis的开发,目前esri为我们提供了三种开发方式:arcgis_js_api,arcgis_silverlight_api,arcgis_flex_api,但是随着目前互联网的发展,esri建议目前主要的webgis开发方式是基于js的开发,至于为什么选js:大概主要因为所有主流的浏览器均支持JavaScript 无需安装任何插件、JavaScript是世界最常用的开发语言之一 轻量级的Web开发脚本语言、纯粹的客户端语言(运行在客户端的浏览器内) 包括桌面和移动端、有各种成熟的JavaScript框架:
Dojo JQuery ExtJS Prototype YUI……
我们也可以选择在线引用js_api,那样的话可能速度有点慢,所以我们建议离线部署,将JS_api部署到本地的服务器,这样会大大提高访问速度,话不多说,开始吧
开发环境:MyEclipse10+Tomcat7.0+arcgis_js_api3.9
1、首先下载js_api
api下载地址:arcgis_js_api
sdk(软件开发帮助文档)下载地址:arcgis_js_sdk
2、离线部署arcgis_js_api
解压下载的压缩包,将里面的\arcgis_js_api\library目录的所有内容全部拷贝到你的web 服务器中。比如的我的路径如下所示,
D:\Java Software\apache-tomcat-7.0.42\webapps\arcgis_js_api\library\3.9\jsapi
3、查找替换路径
我们把拷贝到webapps文件夹下的两处locahost路径替换掉,js_3.9版本的额是在如下的两处(不同的版本的路径替换路径不同)
"*\webapps\arcgis_js_api\library\3.9\jsapi\init.js"
"*\webapps\arcgis_js_api\library\3.9\jsapi\js\dojo\dojo\dojo.js" 文件中
4、替换路径
用记事本代开上面查找到的两个文件,用快捷键Ctrl+H查找[HOSTNAME_AND_PATH_TO_JSAPI]
替换为:localhost:8080/arcgis_js_api/library/3.9/jsapi/(部署在本地的话选择localhost,若不是选择你的服务器ip+tomcat端口号)
第二处也是一样,所以不在重复
5、测试部署环境
打开Myeclipse,新建web工程,在index.jsp页面中 用如下的代码区覆盖即可
好了,所有的配置都完成了,此博文只是一个简简单单的入门操作,后续想继续学习的话,可以去esri官网有很多的demo和案例参考
作为一个GISer,不可避免接触到webgis的开发,目前esri为我们提供了三种开发方式:arcgis_js_api,arcgis_silverlight_api,arcgis_flex_api,但是随着目前互联网的发展,esri建议目前主要的webgis开发方式是基于js的开发,至于为什么选js:大概主要因为所有主流的浏览器均支持JavaScript 无需安装任何插件、JavaScript是世界最常用的开发语言之一 轻量级的Web开发脚本语言、纯粹的客户端语言(运行在客户端的浏览器内) 包括桌面和移动端、有各种成熟的JavaScript框架:
Dojo JQuery ExtJS Prototype YUI……
我们也可以选择在线引用js_api,那样的话可能速度有点慢,所以我们建议离线部署,将JS_api部署到本地的服务器,这样会大大提高访问速度,话不多说,开始吧
开发环境:MyEclipse10+Tomcat7.0+arcgis_js_api3.9
1、首先下载js_api
api下载地址:arcgis_js_api
sdk(软件开发帮助文档)下载地址:arcgis_js_sdk
2、离线部署arcgis_js_api
解压下载的压缩包,将里面的\arcgis_js_api\library目录的所有内容全部拷贝到你的web 服务器中。比如的我的路径如下所示,
D:\Java Software\apache-tomcat-7.0.42\webapps\arcgis_js_api\library\3.9\jsapi
3、查找替换路径
我们把拷贝到webapps文件夹下的两处locahost路径替换掉,js_3.9版本的额是在如下的两处(不同的版本的路径替换路径不同)
"*\webapps\arcgis_js_api\library\3.9\jsapi\init.js"
"*\webapps\arcgis_js_api\library\3.9\jsapi\js\dojo\dojo\dojo.js" 文件中
4、替换路径
用记事本代开上面查找到的两个文件,用快捷键Ctrl+H查找[HOSTNAME_AND_PATH_TO_JSAPI]
替换为:localhost:8080/arcgis_js_api/library/3.9/jsapi/(部署在本地的话选择localhost,若不是选择你的服务器ip+tomcat端口号)
第二处也是一样,所以不在重复
5、测试部署环境
打开Myeclipse,新建web工程,在index.jsp页面中 用如下的代码区覆盖即可
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>ArcGIS离线部署Demo</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <link rel="stylesheet" type="text/css" href="http://localhost:8888/arcgis_js_api/library/3.9/jsapi/js/dojo/dijit/themes/tundra/tundra.css"> <link rel="stylesheet" type="text/css" href="http://localhost:8888/arcgis_js_api/library/3.9/jsapi/js/esri/css/esri.css" /> <script type="text/javascript" src="http://localhost:8888/arcgis_js_api/library/3.9/jsapi/init.js"></script> <script type="text/javascript"> // 布局小部件 //dojo.require("dijit.layout.BorderContainer"); // 面板 dojo.require("dijit.layout.ContentPane"); dojo.require("esri.map"); function init() { var myMap = new esri.Map("mapDiv"); var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer"); myMap.addLayer(myTiledMapServiceLayer); } dojo.addOnLoad(init); </script> </head> <body class="tundra"> <div id="mapDiv" style="width:100%; height:100%; border:1px solid #000;"></div> </body> </html>然后启动tomcat,访问我们刚刚新建的web工程,结果如下
好了,所有的配置都完成了,此博文只是一个简简单单的入门操作,后续想继续学习的话,可以去esri官网有很多的demo和案例参考
相关文章推荐
- 部署ArcGIS JS API 离线包(Tomcat与IIS)
- 部署ArcGIS JS API 离线包(Tomcat与IIS)
- 部署ArcGIS JS API 离线包(Tomcat与IIS)
- 部署ArcGIS JS API 离线包(Tomcat与IIS)
- 部署ArcGIS JS API 离线包(Tomcat与IIS)
- 部署ArcGIS JS API 离线包(Tomcat与IIS)
- ArcGIS API for Javascript在tomcat下的离线部署--基于3.9版本
- ArcGIS api for JavaScript 4.3 学习笔记(0)本地Tomcat部署arcgis_js_api
- Tomcat 上部署ArcGis javascript 离线API
- 将ArcGIS API for javascript的离线包部署在Tomcat下
- ArcGIS API for Javascript在tomcat下的离线部署--基于3.9版本
- arcgis for js api离线部署
- arcgis地图 js 2.4离线包tomcat服务器下部署详解
- Arcgis API For js 的离线部署问题(转)
- ArcGIS API for Javascript离线部署 (最新版本jsapi3.9)
- ArcGIS API for JS 3.16在Windows系统上的离线部署方法
- arcgis api for js入门开发系列一arcgis api离线部署
- web项目调用arcgis api for JS离线包报“https://[HOSTNAME_AND_PATH_TO_JSAPI]dojo/...”错误解决方法
- ArcGIS JavaScript API本地部署离线开发环境[转]
- ArcGIS JavaScript API离线部署后服务切片错位及放大缩小按钮不可用等问题的解决方法