ArcGIS API for JS 官网地址:https://developers.arcgis.com/javascript/
ArcGIS API for JavaScript 各个版本的SDK下载和发布 和ArcGIS Runtime SDK for Android、ArcGIS Runtime SDK for Java等等的下载

一、百度 ArcGIS API for js,搜索官网。这里有路径:https://developers.arcgis.com/javascript/
二、注册、登录
三、点击 仪表盘

四、点击 Download API & SDKs

五、点击需要的API后面的All versions


六、选择相应的版本,可以点击后面的API下载SDK或者Documentation下载文档。


七、开始发布,首先安装java环境和配置tomcat环境,这个百度。
八、解压下载的API的压缩包,把 4.14文件夹或4,16文件夹(具体看你下载的版本)复制到tomcat的webapps文件夹下,


九、打开tomcat的webapps文件夹下对应版本SDK(我的是4.16),再打开4.16下的init.js文件,进行配置,

十、打开init.js,搜索 baseUrl,可以看到下图红框内容。由于有多个baseUrl,还是搜索
async:1,baseUrl更快点。


然后配置成下图这样既可:


8080是你的tomcat端口号,4.13是你的版本号,即4.13就是你前面放在tomcat的webapp文件夹下的文件夹名字。你的可能是4.14或4.16.
之后,在init.js同级文件夹内找到dojo文件夹,打开,找到dojo.js,进行和init.js相同的配置。

十一、点击tomcat bin目录下的startup.bat启动tomcat


十二、在浏览器访问init.js,有如下内容即可(注意版本号,对应着你的文件夹,即路径)

http://localhost:8080/4.14/init.js
http://localhost:8080/4.14/esri/themes/light/main.css


十三、前端像下面两图一样引用js和css即可
在vue的mounted里

在vue的<style里
或者直接在vue 的mounted里

    loadScript({ url: 'http://localhost:8080/4.14/init.js' }) // 本地服务loadCss('http://localhost:8080/4.14/esri/themes/light/main.css') // 本地服务

如果想引用在线的

 loadScript({ url: 'https://js.arcgis.com/4.14/' }) // 都支持或loadScript({ version: '4.14' }) // "esri-loader": "^1.7.0", 版本不支持   2.15.0 版本不支持
loadCss('https://js.arcgis.com/4.14/esri/themes/light/main.css') // "esri-loader": "^1.7.0", 版本不支持    2.15.0 版本不支持

发布后,或发现,如果调用Sketch小组件,发现都是小方框,这是因为跨域了

解决办法:
https://jingyan.baidu.com/article/066074d6fe6fd1c3c21cb034.html
或者直接先在tomcat的lib文件夹加上这两个jar包
jar包联系QQ:854138497

然后在conf文件夹的web.xml里的</web-app标签内直接加上,重启tomcat,使劲刷新浏览器


<filter>        <filter-name>CORS</filter-name>        <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>   <init-param>          <param-name>cors.allowOrigin</param-name>     <param-value>*</param-value>    </init-param>     <init-param>           <param-name>cors.supportedMethods</param-name>         <param-value>GET,POST,HEAD,PUT,DELETE</param-value>    </init-param>     <init-param>            <param-name>cors.supportedHeaders</param-name>        <param-value>Accept,Origin,X-Requested-With,Content-Type,Last-Modified</param-value>      </init-param>        <init-param>       <param-name>cors.exposedHeaders</param-name>      <param-value>Set-Cookie</param-value>      </init-param>       <init-param>            <param-name>cors.supportsCredentials</param-name>        <param-value>true</param-value>   </init-param>
</filter>
<filter-mapping>      <filter-name>CORS</filter-name>   <url-pattern>/*</url-pattern>
</filter-mapping>

注意标签的层级

ArcGIS API for JavaScript 各个版本的SDK下载和发布 ,ArcGIS Runtime SDK for Android、ArcGIS Runtime SDK for Java等相关推荐

  1. ArcGIS API For JavaScript Font字体简介,下载及本地部署

    一.TextSymbol 字体font简介 在ArcGIS API For JavaScript开发中,设置标注label 或Graphic时若使用TextSymbol,用font设置文字样式,如字体 ...

  2. arcgis api for javascript 各个版本的SDK下载

    1.首先,进入下载网站,需要登录才能下载.下载链接 2.选择需要下载的版本,进行下载.

  3. 图解ArcGIS API for JavaScript开发环境搭建

    ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更为丰富而又强大的功能. 本篇经验向大家介绍其本地部署及简单的第一个地图应用程 ...

  4. 缓冲区分析—ArcGIS API for JavaScript

    缓冲区分析是地理信息系统中的空间分析基本功能之一,是众多空间分析方法的基础.缓冲区分析是指为了识别某地理实体或空间物体对其周围的邻近性或影响度而在其周围建立的一定宽度的带状区. 缓冲区介绍 缓冲区分析 ...

  5. ArcGIS API for JavaScript如何使用本地的字体库

    需求: ArcGIS API for JavaScript如何使用本地的字体库,解决内网环境,或者我想用我自己的好看的字体的需求. 思路: 下载对应的字体文件(.pbf)或者将操作系统自带的字体文件( ...

  6. Arcgis api for javascript学习笔记(3.2X版本)-初步尝试

    Arcgis api for javascript(3.22版本)官方地址 :https://developers.arcgis.com/javascript/3/ 1. 根据官方示例实现一个简单地图 ...

  7. ArcGIS API for JavaScript 4.4 版本加载谷歌地图

    ArcGIS API for JavaScript 4.X 版本升级后,API发生了很大的变化. 其中就支持了WebEarth展示,主要是通过 esri/views/SceneView 实现的. 在新 ...

  8. 地理信息系统(GIS)系列——ArcGIS API for JavaScript 3.9(1)

    Visual Studio 智能提示配置:将以下 JavaScript 文件引入项目中 arcgis_js_v39_sdk\arcgis_js_api\sdk\jshelp\jsapi_vsdoc12 ...

  9. ESRI官网关于Javascript的内容(1)__获取ArcGIS API for Javascript

    前言 最近发现自己又可以静下心来学习了,所以赶紧去ESRI的开发官网上看了看,虽然英文我慢慢看也看得懂,但是我估计很多人是不想看或者说看不懂的,所以我觉得还是在我静的下心来的时候为自己和大家翻译一下~ ...

最新文章

  1. js调整数组某些元素到指定位置顺序_如何将一个 JavaScript 数组打乱顺序?
  2. php 24点算法,PHP实现简单的24点游戏
  3. Unicode utf8等编码类型的原理
  4. 如何将zipoutputstream返回_excel:vlookup如何区间查找?如何使用通配符?如何多条件查找?...
  5. Docker 安装创建
  6. eclipse各种配置
  7. flink 三种时间机制_Flink的时间类型和watermark机制
  8. 百合佳缘、珍爱网等平台严重侵犯消费者权益被约谈
  9. Elementui tabs组件内添加组件
  10. 从机器学习到深度学习
  11. 为什么要写技术博客?
  12. 配置管理工具SVN的使用
  13. 2020家用千兆路由器哪款好_企业级千兆路由器哪个牌子好?2020排名
  14. (第六章)UI--PS 基础 图层蒙版与混合模式
  15. 我要偷偷的学Python,然后惊呆所有人(最后一天)
  16. 解密回声消除技术之二(应用篇)
  17. 考研调剂信息爬取,以“小木虫”为例
  18. git及gitlab的安装和使用
  19. 网络流量分析/网络流量监测
  20. P03:路由基础和基本跳转

热门文章

  1. 广电总局:三网融合是业务融合不是三网合一
  2. 记住这3点,有效提高江苏专转本上岸率
  3. 抖音自媒体怎么将视频一键发布到快手、视频号?
  4. 广西农业大数据在管用上做文章
  5. 【OC】线性二次型(LQR)性能指标最优控制(3)
  6. Auto.js Pro安卓免ROOT引流脚本开发系列教程07微信运动点赞(4)
  7. IC China2019 | 清微欧阳鹏分享可重构计算技术进展及应用
  8. profile在IT领域的profile
  9. 解决no tracked branch的问题,并详说远程分支、远程跟踪分支和跟踪分支【本地分支】
  10. 如何用LegendForFlashProgramming来制作SLG游戏