使用arcgis for js 4.x api加载地图和服务

最新推荐文章于 2022-04-25 09:57:19 发布
最新推荐文章于 2022-04-25 09:57:19 发布
阅读量4.8k 收藏 5
点赞数
CC 4.0 BY-SA版权
文章标签： jquery esri gis api
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/rt2016/article/details/77320090
这篇博客介绍了如何使用ArcGIS JavaScript API 4.x加载地图和服务。首先引入API和样式文件，然后创建Map和MapView对象，接着设置二维和三维视图，添加Locate组件进行定位，并实现点击事件来查询地图信息。同时，教程还涵盖了加载图层、矢量数据和切片图层的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

首先引入对应的esri的包：

  <link rel="stylesheet" href="https://js.arcgis.com/4.4/esri/css/main.css">

  <script src="https://js.arcgis.com/4.4/"></script>（也可以这样 <script src="https://js.arcgis.com/4.4/library/4.0/4.0/init.js"

最低0.47元/天 解锁文章
荣默默
关注
arcgis javascript api4.x加载非公开或者私有的arcgis地图服务
gislaozhang
02-02 707
如果有portal可以参考链接：https://mp.weixin.qq.com/s/WB09URxnPkaW9RvjHqAoSg。加载arcgis没有公开或者私有的地图服务，同时还想实现加载时不弹出登录窗口。下述是针对独立的arcgis server，没有portal的应用场景；
（二十）ArcGIS JS 加载WMTS服务（超图示例）
idomyway的博客
12-06 4911
前言 &nbsp;&nbsp;&nbsp;&nbsp;在前一篇中说到我们可以通过加载WMS服务解决用ArcGIS API加载超图发布的服务，但是WMS服务在加载效率上是低于切片服务的，加上超图的IServer，无力吐槽，所以，在加载速度的要求下，切片的WMTS服务更符合要求。 加载WMTS服务的要点 identifier：图层标识 tileMatrixSet：切片矩阵标识 extent：加载范围...
ArcGIS JS API加载WMTS地图服务
MZ_的博客
02-01 3854
        前言：本来是想用ArcGIS发布的WMTS地图，可是ArcGIS的WMTS没弄明白怎么用，就用IServer发布的WMTS作为案例基础数据。        http://www.supermap.com.cn:8090/iserver/services    超图官方的IServer   具体代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt...
ArcGis API for JavaScript学习——加载地图
diaobo9395的博客
05-17 322
ArcGis API for JavaScript开发笔记——加载地图 在这个例子中使用的离线部署的API（请参见http://note.youdao.com/noteshare?id=f4286530e101e38b39ac26299ded3bd3&sub=wcp148109601207156）。新建一个html文件，如newmap.html。输入如下内容： &...
arcgis for js 4.x加载百度地图切片
weixin_42496466的博客
04-25 2455
一、加载方式 通过 'esri/layers/WebTileLayer' 重写 getTileUrl函数加载百度地图切片 二、实现源码 <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> <title>
ArcGIS for js4.x实现天地图加载与地图切换
03-22
本文实现了ArcGIS js中加载天地图 并实现矢量地图和影像地图切换。 版本：ArcGIS for js4.x，天地图：包含国家天地图和山东天地图，2019年最新版天地图。
arcgis api for javascript 4.x 聚合
07-23
《ArcGIS API for JavaScript 4.x 聚合技术详解》 在GIS（地理信息系统）领域，ArcGIS API for JavaScript 是Esri公司提供的一款强大的Web GIS开发工具，它允许开发者在网页上创建交互式的地图应用。本文将深入探讨...
arcgis api 3.x for js 入门开发系列十七在线天地图、百度地图、高德地图.zip
最新发布
06-19
《ArcGIS API 3.x for JavaScript 在线地图服务集成指南》 在Web GIS开发领域，Esri的ArcGIS API for JavaScript是一个广泛使用的工具，它允许开发者构建交互式的地图应用程序。本指南将深入探讨如何利用ArcGIS API...
ArcGIS for js 4.X-热力图.rar
10-12
在ArcGIS for JavaScript（简称ArcGIS for JS）4.X版本中，热力图的实现相比3.X版本有所改变。在3.X版本中，热力图的加载通常依赖于内置的插件，操作相对简单。然而，随着4.X版本的发布，开发者发现热力图的创建多...
arcgis api for js 4.11 天地图_经纬度投影.html
weixin_42193179的博客
07-09 841
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
ArcGIS API for JavaScript加载百度地图代码
09-13
ArcGIS API for JavaScript加载百度地图代码ArcGIS API for JavaScript加载百度地图代码ArcGIS API for JavaScript加载百度地图代码
arcgis for js加载百度地图高德地图天地图
05-09
arcgis for js加载百度地图高德地图天地图
ArcGIS JavaScript for API（001）：加载ArcGISServer MapServer
wangjianbo09的博客
03-29 3088
根据工作需要最近在调研 arcgis api。 地图显示： 1，基础地图显示 ：在创建map时，定义“basemap”，即可显示arcgis预设地图。 const map = new Map({ basemap: 'streets-night-vector' }); 2，加载指定地图服务地图-arcgis server地图源：arcgis server 发布地图网上教程很多，在此不再赘述；加载arcgis server地图功能实现很简单，主要是选对laye
Arcgis for js加载百度地图
wk2133的博客
01-10 2780
http://www.bkjia.com/webzh/978634.html define(["dojo/_base/declare", "esri/layers/tiled"], function (declare) { return declare(esri.layers.TiledMapServiceLayer, { co
ArcGIS API for JS4.7加载ArcGIS Server发布的REST和WMS地图服务
做GIS梦的人
07-18 4952
使用ArcGISAPI for JS4.7加载ArcGIS Server发布的REST和WMS地图服务，ArcGIS Server为本机安装，需要提前完成跨域设置。 代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"/&gt; &lt;title&gt;ArcGIS d...
arcgis api for js 加载百度地图
weixin_30820077的博客
05-12 341
最近在研究加载第三方的地图，由于作者是小白昨天整花了一天的事件无法把网上给的东西加载出来，这里首先要了解Dojo前端框架，这款js框架是模块化编程，可以有点类似C#的类库，本文从https://blog.csdn.net/gisshixisheng/article/details/44494715学习很多，但是一直无法调试成功，最终调试成功进行过程详细的...
ArcGIS API for Javascript3.23加载高德地图
佯佯DESIGNER
12-21 6612
本篇以高德矢量街道图为例，主要介绍利用ArcGIS API for Javascript添加显示高德在线地图的代码。包括：【1】矢量图 【2】影像图
ArcGis API JS 4.X本地化部署与地图的基础使用
damimi88的博客
07-27 381
准备工作 首先下载ArcGIS API for JavaScript4.x，这里下载的是4.19。 官方下载地址：https://developers.arcgis.com/downloads/ arcgis_js_v419_api：这个是ArcGIS的Api网站，部署后，我们可以引用这个网站里的JS，然后实现地图的使用。 arcgis_js_v419_sdk：这个是ArcGIS的Api的SDK网站，里面详细介绍各个JS类的使用方式的软件开发帮助文档（因为官网经常打不开，所以部署这个API的SDK网站很.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值