step1:1从arcgis官网上下载Arcgis api for 4.3 https://developers.arcgis.com/ /latest/guide/release-notes/
ps:前提是你需要有一个esri开发者账户否则不能下载。
step2:arcgis_js_v43_api文件夹中arcgis_js_api文件拷贝到tomcat根目录的webapps目录下
step3:(最重要的一步)--编辑tomcatwebappsarcgis_js_apilibrary4.34.3dojodojo.js和tomcatwebappsarcgis_js_apilibrary4.34.3init.js这两个文件,将[HOSTNAME_AND_PATH_TO_JSAPI]改成127.0.0.1:8080/(自己本机的tomcat服务地址)。
比如当前Tomcat下你的目录结构是这样:
这种情况下用于替换的串就是:localhost:8080/arcgis_js_api/library/4.3/4.3/
同理dojo.js在tomcat下的目录结构如下图
则dojo.js中用于替换的串就是:localhost:8080/arcgis_js_api/library/4.3/4.3/dojo/
step4:web页面中引用:
< rel="stylesheet" href="http://localhost:8080/arcgis_js_api/library/4.3/4.3/esri/css/main.css">< src="http://localhost:8080/arcgis_js_api/library/4.3/4.3/init.js"></ >就好了,给一个测试页面,如果可以运行出地图就说明部署好了:
<!DOCTYPE html><html><head> < charset="utf-8"> < name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> < >Load a basic WebMap - 4.3</ > <style> *{ padding:0; margin:0; } html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> < rel="stylesheet" href="http://localhost:8080/arcgis_js_api/library/4.3/4.3/esri/css/main.css"> < src="http://localhost:8080/arcgis_js_api/library/4.3/4.3/init.js"></ > < > require([ "esri/views/MapView", "esri/Map", "dojo/domReady!" ], function( MapView, Map ) { var map = new Map({ map: "streets" }); var view = new MapView({ map: map, container: "viewDiv" }); }); </ ></head><body><div id="viewDiv"></div></body></html>
提示,如果运行不出来先看一下报错信息或查看一下使用的esri在线地图地图是否可以正常使用。
希望有用
继续阅读与本文标签相同的文章
上一篇 :
点击网页上图片,发起临时QQ会话
下一篇 :
用js动态添加select标签的option
-
专访杨开振:程序员除了敲代码还能做什么?
2026-05-27栏目: 教程
-
金蝶医疗完成数千万元A+轮融资,将用于产品研发以及服务的升级迭代
2026-05-27栏目: 教程
-
天天学农完成2500万元A轮融资,经纬中国持续加注
2026-05-27栏目: 教程
-
VR领域的创新型企业瑞立视完成8000万A轮融资,投资方为广州科学城集团
2026-05-27栏目: 教程
-
从功能会员到生态会员 阿里“88VIP”改变了什么?
2026-05-27栏目: 教程
