Arcgis使用本地js和css的方法

最新推荐文章于 2025-03-10 14:27:04 发布
最新推荐文章于 2025-03-10 14:27:04 发布
阅读量1.2k 收藏
点赞数
分类专栏： Angular2 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoguangtouqiang/article/details/104540856
版权

默认的情况下，arcgis会使用官网的js和css样式，加载会很忙，地图有时候会因为js文件请求超时而加载不到，特别影响体验，所以很有必要将js文件打包到项目中来使用；

1.官网下载对应的js包

 

2.放到content目录下面，如图所示

3.修改js中的路径地址

修改两个js中的地址为相对路径，之前应该[HOSTNAME_PATH]啥的吧，不记得了；修改成相对路径

4.在使用module之前，通过loadScript加载dojo.js即可

5.修改css的引用地址

如果不加载css，会导致部分样式显示有问题，比如点击图标的时候上面的图层显示不出来；修改如下所示

ok，到这里基本就结束了，你会发现加载速度嗖嗖的了；

【完整的WebGIS教程】6.2 使用@arcgis/core本地部署ArcGIS API for JS
老靳的WebGIS
06-10 4436
这前面的文章中，我使用的都是esri-loader的模式来引入ArcGIS API的，但是有时候我们需要在内网写程序，或者有时候网络条件不好（arcgis api的服务器是在国外），加载在线的api会很慢，所以我还是觉得把api给本地部署了会更好。ArcGIS API for JavaScript的导入方式经历了从“dojo”到“esri-loader”的变化，在4.18版本之后支持了ES Modules模式引入API。但是我一直没用过，我用的还是esri-loader的模式，就是先在代码中需要使用api的
【使用node.js辅助本地部署arcgis for js api 4.14 sdk详细指南】
qq_37312180的博客
11-24 439
4.如图所示，把init.js中的https://[HOSTNAME_AND_PATH_TO_JSAPI]dojo改成http://localhost:9080/arcgis_js_api/library/4.14/dojo。5.如图所示，把dojo.js中的https://[HOSTNAME_AND_PATH_TO_JSAPI]dojo改成http://localhost:9080/arcgis_js_api/library/4.14/dojo。7.iis发布arcgis for js api，如图。
ArcGIS server 预览 配置本地js及css文件
米兰_忘忧草
02-04 1139
ArcGIS Server安装后，系统会默认读取ESRI在线的js和CSS文件，因此存在内网环境服务器下无法正常使用的情况，这时就需要配置本地部署的API地址，方法其实很简单，如下：注：首先你要先在IIS或者tomcat中部署好arcgis js API，可参考此文部署：http://blog.csdn.net/lovecarpenter/article/details/521697051、在浏览...
arcgis js 动态引入js文件_TP5.1引入public下的CSS和JS文件
weixin_32541505的博客
01-17 322
php中文网最新课程每日17点准时技术干货分享本文为php中文网认证作者：“善始善终”投稿，欢迎加入php中文网有偿投稿计划！最近在开发新闻后台管理系统，用的模板是x-admin2.0，框架是基于ThinkPHP5.1版本来进行开发的，在开发的过程中，如何引入公共文件下的CSS、JS文件是一个难题。那么我们今天就来讲讲如何如何引入CSS和JS文件。先来看一下还未引入CSS样式和JS时，登...
arcgis for js-事件-Event中文文档
最新发布
乐之的情绪小屋
03-10 331
arcgis for js-事件-Event中文文档
Arcgis API for JavaScript（一）——本地包的使用
初叙
04-28 475
有了API包后，要进行开发使用先要将它解压到项目中，如下我创建的是idea的Springboot项目。webapp是我新创建的一个专门用来放前端代码的包，创建文件夹后将其标记位源代码根目录。 然后要修改两个文件，一个是api包下的init.js，一个是dojo下的dojo.js。打开后代码很乱，快捷键“CTRL+F”搜索baseUrl:"http就会找到这个地址了。因为我将api包放在了根目录下，直接改成这样就好，同样的步骤将两个文件都修改好。 接下来是开发阶段。在html页面引入需要的css文
内网环境使用本地arcgis的apijs
zhy的博客
01-04 688
背景 因为项目需要部署到内网环境， 所有无法通过网络下载相应js文件，需要本地化 下载 https://developers.arcgis.com/downloads/apis-and-sdks 需要先登录才可以下载 下载后会得到一个压缩文件，然后解压缩找到版本号的那个层级 准备nginx或tomcat 部署的时候可以先将此功能提前放到应用服务器，将4.17拷贝到应用服务器，我这里使用tomcat,将4.17文件夹整个拷贝到webapps下 配置文件 还需要修改其中的配置需要.
arcgis_for_js本地字体.zip
10-20
总的来说，正确配置和使用本地字体是解决ArcGIS for JavaScript字体跨域问题的有效方法，这不仅解决了安全问题，还能确保地图元素的正常显示。通过理解Web开发中的跨域限制和如何处理这些问题，可以提升你的地图应用...
ArcGIS API for JavaScript 4.16本地环境部署(iis)
zcsweet74的博客
05-31 930
ArcGIS API for JavaScript本地环境部署(iis)正在上传…重新上传取消 1.下载 arcgis api 地址https://developers.arcgis.com/downloads/#javascript 将下载后的文件中arcgis_js_api文件放到C:\inetpub\wwwroot文件夹下 正在上传…重新上传取消 正在上传…重新上传取消 将C:\inetpub\wwwroot\arcgis_js_api\library\4.16\init.js和 C:\i
windows下ArcGIS Web AppBuilder本地配置
hforever99的博客
11-09 431
一、下载Web AppBuilder windows版本自带node.js,不需要单独安装 https://links.esri.com/agol-help/wab-dev/download 二、解压后双击startup.bat 会自动打开命令行，浏览器上输入https://localhost:3344/webappbuilder 第一次打开会提示填入URL。该URL需要注册账号获取 三、arcgis注册 https://developers.arcgis.com/sign-up/ 四、登陆arcgis，
ArcGIS API for JavaScript本地化步骤
AriaGIS
12-23 551
下载api地址:官方地址 3系列和4系列步骤相同，本文以3系列为例 1.下载api，并解压到IIS或者tomcat中 如图所示： 2.导航至如下位置： 用vscode或其他能编辑js文件的软件，打开init.js文件和dojo文件夹下的dojo.js文件，并搜索PATH，找到如下位置： 将baseUrl改为http://localhost/3.31/dojo ...
arcgis vue 离线加载js/本地加载js
a2469025185的博客
11-13 1446
arcgis vue 离线加载js api 首先需要下载 静态文件 可以去 https://www.cnblogs.com/dqygiser/p/9215825.html 这个大佬这下载 此处不在赘述 下载下来的文件放在 public下 2. 将静态文件放在esri-loader的loadModules内加载 // An highlighted block loadModules([ "esri/Map", "esri/views/SceneView",
本地部署Arcgis API for Javascript
胡祺
06-12 1357
本地部署Arcgis API for Javascript 1.获得JS API Arcgis API for Javascript 或其他Arcgis开发相关API都可以在esri developer官网下载。网站链接： https://developers.arcgis.com/downloads/ 未登录的会提示登录，根据步骤注册一个Arcgis Online账号登录即可。 下拉框中选择Arcgis API for Javascript，出现所有版本，选择一个版本下载。 右边API指下载API
arcgis for js css3
weixin_33810302的博客
03-24 116
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE...
ArcGIS API For JavaScript（7）之通过CSS3 Filter(滤镜）方式实现不重发底图服务而改变底图配色方案
wokao253615105的专栏
10-09 1024
场景还原： 在实际应用中，如果已经发布的服务不满足客户的配色需求时，一般做法是从数据源入手，重新配色后发布，但有时数据源来自于第三方（比如天地图服务），无法获取到数据源时，就无法实现重发布，本文将采用CSS3 Filter（滤镜）的来实现配色改变。 之所以可以使用CSS来实现，是因为切片图层其实都是以DIV容器包裹着一系列的img文件，因为可以使用CSS调节图片样式。 CSS3 Filter 属性说明如下： Greyscale(灰度) Blur(模糊) Saturate（饱和) Se.
ArcGIS API for Javascript加载各种来源的wms和wmts服务
u014015203的博客
09-19 4062
1、加载wmts服务-使用WebTileLayer方式加载 2、加载wms图层-使用BaseDynamicLayer方式加载
ArcGIS api for javascript 的入门学习
七月❤的博客
01-04 2859
1、安装依赖 npm install @arcgis/core 2、按需引入（根据需要引入） import Map from "@arcgis/core/Map"; import MapView from '@arcgis/core/views/MapView'; import Basemap from '@arcgis/core/Basemap'; import Extent from '@arcgis/core/geometry/Extent'; import Circle from '@ar
springboot整合arcgis代理resource-proxy
披萨俺的辣的博客
11-07 570
arcgis代理
html js读txt文件_HTML 中异步加载 JS 文件
weixin_39781930的博客
11-22 265
HTML 中异步加载 JS 文件平时习惯：将 script 放到 body 底部首先，我们有一个意识：对于 HTML 文件而言，要将引入 JavaScript 代码的 script 放到底部。例如：首先我们要创建一个名为 index.js 的脚本文件，其内容为：constbtn=document.querySelector('button');btn.onclick=()=...
ArcGIS JavaScript API本地部署问题及其解决方法
不过，根据【标题】"arcgis javascript api本地部署问题解决"以及【标签】"源码 工具"，我们可以详细探讨ArcGIS JavaScript API本地部署的各个方面以及可能遇到的问题和解决方法。 ArcGIS JavaScript API是由ESRI...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值