ArcGIS JavaScript API 3.11本地化安装

简介:

1、下载API

    美国站点:http://www.esri.com/apps/products/download/index.cfm?fuseaction=download.all#ArcGIS_API_for_JavaScript

    中国ESRI网站:http://support.esrichina-bj.cn/support/download/software/

2、安装

    下载完毕后,解压Library:arcgis_js_v311_api.zip和SDK:arcgis_js_v311_sdk.zip,将文件夹arcgis_js_api(里面包含Library和SDK)都拷贝到D:\Program Files\Java\apache-tomcat-7.0.55\webapps目录下

3、配置正常版安装(arcgis)

(1)打开D:\Program Files\Java\apache-tomcat-7.0.55\webapps\arcgis_js_api\library\3.11\3.11\init.js文件,用记事本替换文本  “[HOSTNAME_AND_PATH_TO_JSAPI]”为“xjuLab:8080/arcgis_js_api/library/3.11/3.11/”。

注意:<myserver>可填写主机名或主机IP地址,若使用的私有地址或在网络上部署,必须填写IP地址。

(2)打开D:\Program Files\Java\apache-tomcat-7.0.55\webapps\arcgis_js_api\library\3.11\3.11\js\dojo\dojo\dojo.js文件,用记事本替换所有文本“[HOSTNAME_AND_PATH_TO_JSAPI]”为“xjuLab:8080/arcgis_js_api/library/3.11/3.11/”。

4、配置压缩版安装(arcgis_compact)

打开D:\Program Files\Java\apache-tomcat-7.0.55\webapps\arcgis_js_api\library\3.11\3.11compact\init.js文件,用记事本替换文本  “[HOSTNAME_AND_PATH_TO_JSAPI]”为“xjuLab:8080/arcgis_js_api/library/3.11/3.11compact/”。

打开D:\Program Files\Java\apache-tomcat-7.0.55\webapps\arcgis_js_api\library\3.11\3.11compact\js\dojo\dojo\dojo.js文件,用记事本替换文本  “[HOSTNAME_AND_PATH_TO_JSAPI]”为“xjuLab:8080/arcgis_js_api/library/3.11/3.11compact/”。

5、测试安装

http://xjuLab:8080/arcgis_js_api/library/3.11/3.11compact/init.js

http://xjuLab:8080/arcgis_js_api/library/3.11/3.11/init.js

6、建一个测试页面,运行查看结果

<!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="http://xjuLab:8080/arcgis_js_api/library/3.11/3.11/dijit/themes/tundra/tundra.css"/>

    <link rel="stylesheet" type="text/css" href="http://xjuLab:8080/arcgis_js_api/library/3.11/3.11/esri/css/esri.css" />

    <script type="text/javascript" src="http://xjuLab:8080/arcgis_js_api/library/3.11/3.11/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://server.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/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、配置ArcGIS Services路径中的"View In JavaScript" 使用本地JS

打开D:\Program Files\ArcGIS\Server\framework\runtime\tomcat\webapps\arcgis#rest\WEB-INF\classes\resources\rest-config.properties文件,修改内容如下:

#JS API URLs

jsapi.arcgis=http://xjuLab:8080/arcgis_js_api/library/3.11/3.11/

jsapi.arcgis.sdk=http://xjuLab:8080/arcgis_js_sdk/sdk/

jsapi.arcgis.css=http://xjuLab:8080/arcgis_js_api/library/3.11/3.11/js/dojo/dijit/themes/tundra/tundra.css


备注:可以修改ArcGIS.com URL,参考网址http://resources.arcgis.com/en/help/rest/apiref/index.html?config.html




     本文转自stock0991 51CTO博客,原文链接:http://blog.51cto.com/qing0991/1564513,如需转载请自行联系原作者






相关文章
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
1月前
|
JavaScript 前端开发 CDN
总结 vue3 的一些知识点:Vue.js 安装
总结 vue3 的一些知识点:Vue.js 安装
|
1月前
|
API
egg.js 24.2写第一个api接口
egg.js 24.2写第一个api接口
71 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
70 0
|
3月前
|
JavaScript 前端开发 API
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)(下)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
34 0
|
3月前
|
分布式计算 JavaScript 前端开发
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
|
2月前
|
Web App开发 JavaScript NoSQL
深入浅出:构建基于Node.js的RESTful API
在当今快速发展的互联网时代,RESTful API已成为前后端分离架构中不可或缺的一部分。本文旨在为初学者和中级开发人员提供一个清晰、简洁的指南,详细介绍如何使用Node.js构建一个高效、可维护的RESTful API。通过结合实际案例,本文将从API设计理念出发,深入讲解如何利用Express框架及MongoDB数据库实现API的增删改查功能,同时探讨如何通过JWT进行安全认证,确保数据传输的安全性。此外,文章还将简要介绍如何使用Swagger生成API文档,使得API的测试和维护更加便捷。无论你是希望提升现有项目的API设计,还是想从零开始构建一个新项目,本文都将为你提供一条清晰的道路
|
1月前
|
JavaScript 前端开发 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
34 0
|
1月前
|
Web App开发 JavaScript 前端开发
使用Node.js和Express构建RESTful API
使用Node.js和Express构建RESTful API
16 0
|
1月前
|
Web App开发 JavaScript 前端开发
Windows 10上安装Node.js的初学者指南
Node.js是是一个强大的JavaScript运行时环境,建立在Chrome的V8 JavaScript引擎上,让你能够在服务器端运行JavaScript。 通过本教程,你将学会如何设置Node.js和npm(节点包管理器等现代Web开发的必备工具。无论你是希望构建Web应用程序、创建服务器端脚本,还是涉足全栈开发,安装Node.js都是你的第一步。那么,让我们开始吧!