ArcGIS api for JavaScript 4.3 学习笔记(0)本地Tomcat部署arcgis_js_api
来源:互联网 发布:淘宝金币有什么用 编辑:程序博客网 时间:2024/05/01 06:41
Apache的配置官方是有教程的,在下载下来的API文件arcgis_js_api\downloads\install-linux.html里面,如果看了那个下面的内容都不用看了,只是翻译了过来而已。
1.从arcgis官网上下载Arcgis api for JavaScript 4.3。
2.将下载好的arcgis_js_v43_api文件夹中arcgis_js_api文件拷贝到tomcat根目录的webapps目录下。
3.编辑tomcat\webapps\arcgis_js_api\library\4.3\4.3\dojo\dojo.js和tomcat\webapps\arcgis_js_api\library\4.3\4.3\init.js这两个文件,将[HOSTNAME_AND_PATH_TO_JSAPI]改成127.0.0.1:8080/(自己本机的tomcat服务地址)。
4.web项目中引用ASJ时直接用<script src="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/init.js">就可以了。
PS:最好不要将arcgis_js_api强行放在源码的Webroot中编译,会出现很多错误。
PPS:下面的代码可以直接贴到index.jsp中,启动tomcat服务,出现地图即为配置成功,不必本地上传地图就可以测试。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>hahaha</title>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/esri/css/main.css">
<script src="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/init.js"></script>
<script>
require([
"esri/Map",
"esri/views/MapView",
"dojo/domReady!"
], function(Map, MapView) {
var map = new Map({
basemap: "streets"
});
var view = new MapView({
container: "viewDiv",
map: map,
zoom: 4,
center: [15, 65]
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
PS:arcgis在线地图经常会抽风,上面代码如果不显示地图试试下面的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Load a basic WebMap - 4.3</title>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<link rel="stylesheet" href="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/esri/css/main.css">
<script src="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/init.js"></script>
<script>
require([
"esri/views/MapView",
"esri/WebMap",
"dojo/domReady!"
], function(
MapView, WebMap
) {
var webmap = new WebMap({
portalItem: { // autocasts as new PortalItem()
id: "f2e9b762544945f390ca4ac3671cfa72"
}
});
var view = new MapView({
map: webmap,
container: "viewDiv"
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
- ArcGIS api for JavaScript 4.3 学习笔记(0)本地Tomcat部署arcgis_js_api
- ArcGIS API for JavaScript 3.13本地部署(TomCat或IIS)
- ArcGIS API for JavaScript V_3.14本地Tomcat部署
- ArcGIS API for javascript开发笔记(一)——ArcGIS for Javascript API 3.14本地部署
- ArcGIS API for JavaScript 本地部署
- Arcgis api for javascript本地部署
- 本地部署ArcGIS API for JavaScript
- ArcGIS API for JavaScript 本地IIS部署
- Arcgis API for Javascript本地部署
- Arcgis for javascript api 本地部署
- ArcGIS API For JavaScript本地部署
- ArcGIS Javascript学习笔记(一)arcgis API 的本地部署
- 部署本地(离线)arcgis server api for javascript
- 1.ArcGIS API for JavaScript3.14本地部署(tomcat)
- ArcGIS for JavaScript API 开发本地环境部署
- ArcGis API for JavaScript 本地部署和Demo
- ArcGIS for JavaScript API 开发本地环境部署
- (零)ArcGIS API For JavaScript3.17本地部署(Tomcat)
- nanoHTTPD 接收 okhttp 上传的文件
- ndk 编译opencv
- 装修的几个小贴士
- Mysql分页实现及优化
- ${pageContext.request.contextPath}JSP取得绝对路径
- ArcGIS api for JavaScript 4.3 学习笔记(0)本地Tomcat部署arcgis_js_api
- 本地存储和离线缓存
- 在阿里云上配置Apach Tomcat
- three.js 实现3D漫游
- 实时计算之storm
- viewpager只加载当前页
- threadlocal
- 80x86的内存寻址机制
- deviceone 开发 烦烦索索那些事