新手如何做网站,深圳外贸推广公司,精准扶贫网站建设的意义,海宁高端高端网站设计一、安装包下载 首先从官网下载ArcGIS API for JavaScript 3.3 的API 和SDK#xff0c;地址#xff1a;http://support.esrichina.com.cn/2011/0223/960.html#xff0c;需要注意的是#xff0c;想获取API和SDK#xff0c;需要注册一个Esri全球账户。 点击Library和SDK下载…一、安装包下载 首先从官网下载ArcGIS API for JavaScript 3.3 的API 和SDK地址http://support.esrichina.com.cn/2011/0223/960.html需要注意的是想获取API和SDK需要注册一个Esri全球账户。 点击Library和SDK下载两个安装包. 二、离线部署 部署到C:\Inetpub\wwwroot 1、解压arcgis_js_v33_sdk.zip和arcgis_js_v33_api.zip 2、进行配置文件的修改使其被其他程序调用时找到引用函数的位置 (1)找到..\arcgis_js_v33_api\library\3.3\jsapi\init.js文件打开可以通过EditPlus打开查找[HOSTNAME_AND_PATH_TO_JSAPI]替换为myserver/ \arcgis_js_v33_api\library\3.3\jsapi/其中myserver为机器名称或者机器IP没有http前缀如果在本地使用可以设为localhost 改变前效果图 改变后效果图(以下不再截图与该类似) (2)找到..\arcgis_js_v33_api\library\3.3\jsapi\js\dojo\dojo\dojo.js文件打开查找[HOSTNAME_AND_PATH_TO_JSAPI]替换为myserver/ arcgis_js_v33_api/library/3.3/jsapi/ (3)找到..\arcgis_js_v33_api\library\3.3\jsapicompact\init.js文件打开查找[HOSTNAME_AND_PATH_TO_JSAPI]替换为myserver/ arcgis_js_v33_api/library/3.3/jsapicompact/ (4)找到..\arcgis_js_v33_api\library\3.3\jsapicompact\js\dojo\dojo\dojo.js文件打开查找[HOSTNAME_AND_PATH_TO_JSAPI]替换为myserver/ arcgis_js_v33_api/library/3.3/jsapicompact/ 保存之后将arcgis_js_v33_sdk文件夹直接拷贝到C:\Inetpub\wwwroot下变成C:\Inetpub\wwwroot\arcgis_js_v33_sdk 将arcgis_js_v33_api文件夹直接拷贝到C:\Inetpub\wwwroot下变成C:\inetpub\wwwroot\arcgis_js_v33_api 部署后可以看到API和SDK的结构如下 然后在IE中输入http://localhost/arcgis_js_v33_sdk/sdk/index.html显示如下界面 三、关于智能提示 开发如果没有智能提示可想而知是一件多么痛苦的事情好在Esri为Visual Studio 2010、Aptana3提供了一个插件这样就使我们在使用ArcGIS API for Javascript的时候获得了方便可以大大节约开发时间 。 这个插件其本质就是一个javascript文件下载地址 https://developers.arcgis.com/en/javascript/jsapi/api_codeassist.html。 需要注意的是在Visual Studio 2010中dojo并不能智能提示而Aptana和Visual Studio 2012 中对dojo则可以做到智能提示如果对智能提示要求高的可以采用Aptana和Visual Studio 2012作为开发环境。 四、测试——第一个应用程序 一切就绪之后后我们要做的就是尝试跟我们学习C、C#语言一样都会用“Hello Word”作为我们的第一个程序但是在这里我们只需要简单的加载一幅捷泰科技有限公司官网上的地图作为我们的开始。 1. 建立项目 启动Visual Studio 2010新建项目选择“ASP.NET空Web应用程序”给项目命名如下图 2. 添加HTML文件 在Visual Studio 2010的览决方案管理器中找到刚才新建的项目在项目上点击右键选择添加 然后是新建项选择HTML页如下图 3. 引入ArcGIS API for Javascript的智能提示文件 在项目中创建dojo文件夹引入ArcGIS API for Javascript的智能提示文件如下图所示 如果是使用Aptana3,直接将智能提示文件拷贝到工程里面就可以了。 4. 编写代码 打开FirstMap.html页面写入下面的代码 html
headmeta http-equivContent-Type contenttext/html; charsetutf-8 /title第一个地图应用/titlelink relstylesheet typetext/csshrefhttp://192.168.1.100/arcgis_js_v33_api/library/3.3/jsapi/js/dojo/dijit/themes/tundra/tundra.css /link relstylesheet typetext/csshrefhttp://192.168.1.100/arcgis_js_v33_api/library/3.3/jsapi/js/esri/css/esri.css /script typetext/javascriptsrchttp://192.168.1.100/arcgis_js_v33_api/library/3.3/jsapi/init.js/scriptscript srcdojo/jsapi_vsdoc12_v33.js typetext/javascript/scriptstyle typetext/css.MapClass {width:1400px;height:700px;border: 1px solid #000;}/stylescript typetext/javascriptdojo.require(esri.map);dojo.require(dijit.layout.ContentPane);dojo.require(dijit.layout.BorderContainer);function Init() {var MyMap new esri.Map(MyMapDiv);var MyTiledMapServiceLayer new esri.layers.ArcGISTiledMapServiceLayer(http://www.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer);MyMap.addLayer(MyTiledMapServiceLayer)}dojo.addOnLoad(Init);/script
/head
body classtundradiv idMyMapDiv classMapClass/div
/body
/html FirstMap.html 5. 运行程序 程序运行之后效果图如下图所示 部署成功 附赠arcgisonline上的一些地址http://server.arcgisonline.com/ArcGIS/rest/services转载于:https://www.cnblogs.com/dwf07223/p/3223890.html
