【完整的WebGIS教程】7.2 ArcGIS API for JS行政区划导航（下）

已于 2023-08-07 17:48:37 修改
阅读量1.0k 收藏 7
点赞数 6
分类专栏： 从0开始基于vue的ArcGIS API for JS开发 文章标签： javascript 前端 开发语言
于 2022-07-14 20:12:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35093027/article/details/125425193
版权
在本节WebGIS教程中，我们将实现使用ArcGIS API for JS进行市、区县的查询和定位功能。内容包括：编写内容框及CSS样式代码，实现行政区划名称查询，利用Promise.all()并行执行异步操作，以及添加点击跳转并高亮显示的代码，通过设置view.goto的duration参数提供平滑的跳转效果。
摘要由CSDN通过智能技术生成
了解本专栏 订阅专栏 解锁全文 超级会员免费看
老靳的WebGIS
关注
专栏目录
订阅专栏
【完整的WebGIS教程】7.1 ArcGIS API for JS行政区划导航（上）
老靳的WebGIS
06-15 2170
在【完整的WebGIS教程】6.1 使用ArcGIS Server发布要素服务中，我们发布了三个要素服务，分别是省、市、区县的行政区划边界，其属性表中包含了Code（地区编码）和Name(名字)数据。在这一节，我们将用对要素服务进行查询，并实现行政区划导航的功能。在server中可以看到发布的数据的属性，并且可以对数据进行SQL查询，得到数据的信息。 在中新建模块，并写入vue的基本结构：定义此组件的div，并设置其样式，并使用指令来控制改组件的显示和隐藏 在Onemap中添加XZQHComponent
ArcGIS Server JavaScript API 学习笔记
weixin_30352191的博客
09-03 291
有关于 ArcGIS Server JavaScript API 一些概念性质的东西在这里不罗嗦了，直接进入主题，如何利用 ArcGIS Server JavaScript API 开发交互性强的webgis 的一点思路。 如果你熟悉GeoServer + openlayer，或者是大名鼎鼎的google api，抑或是baidu api，相信你会对学习 ArcGIS Server Jav...
WebGIS开发培训(ArcGIS API for JavaScript方向)
X北辰北的博客
07-22 4187
将会学到的知识 1、WebGIS学习路线，就业指导 2、WebGIS项目整体构建流程，从系统需求、技术选型、项目开发、部署一整套流程 3、ArcGIS平台使用流程，从软件安装、数据导入、处理、服务发布、前端调用、在线数据分析等一整套流程 4、主流前端框架开发基础知识（不讲解框架源码，但会提供学习资料） 5、ArcGIS API for JavaScript官网知识，大约50%的官网知识（剩余50%官网知识在WebGIS开发的生涯中不会遇到，所以不用太过关注） 6、Github项目代码全流程管理（
arcgis api for js入门开发系列三地图工具栏
weixin_34150830的博客
11-03 505
      上一篇实现了demo的地图加载展示，在上篇实现的基础上，新增了地图工具栏以及通用地图控件功能，比如地图框选缩放、地图漫游、清空、量算工具、地图导航控件、地图比例尺控件、地图鹰眼图等等，总共分为5个部分，截图如下：              1.工具栏，在map.html页面引入工具栏实现需要的js文件        <script type="text/j...
ArcGIS Web API 接入天地图瓦片
GIS大奔
12-11 3838
接入天地图的瓦片完全类似google的瓦片服务，但是空间参考不一致，想叠加其他的数据的话需要注意空间参考的设置，以上三篇博客的目的为简单的技术研究，如果想将这些内容用于商业用途，大家还是要联系厂家啊！ publicclasstianditu :TiledMapServiceLayer {     publicstring _mapType = null;     privatestrin
WebGIS从基础到开发实践代码(基于ArcGIS API for JavaScript)
06-08
2.1ArcGIS API for JavaScript版的Hello World 2.2ArcGIS API for JavaScript与Dojo 2.2.1ArcGIS API for JavaScript的构成 2.2.2ArcGIS API for JavaScript与Dojo的关系 2.3开发与调试工具 2.3.1集成开发环境 2.3.2...
webgis学习初步arcgis api for js
04-02
本教程主要关注的是WebGIS的一个重要实现框架——ArcGIS API for JavaScript。 ArcGIS API for JavaScript是Esri公司提供的一个强大的开发工具集，它允许开发者构建交互式的地图应用。此API允许在网页中嵌入地图，...
ArcGIS API for JavaScript v3.3下载（api + sdk开发包）
10-06
《ArcGIS API for JavaScript v3.3：开启地图应用开发之旅》 ArcGIS API for JavaScript v3.3是Esri公司推出的一款强大的Web地图开发工具，适用于构建交互式的地图应用程序。该版本发布于2012年12月，为开发者提供...
ArcGIS Python API for Web GIS 环境
GIS，加油呀~
05-16 1054
环境安装步骤 1. 下载Conda 在Anaconda官网中下载和安装Anaconda for Python 3.5。 2、完成安装后，如果你是在windows上操作，按下面图打开 Anaconda Prompt （或者 Mac 下的终端），后面我会将Anaconda Prompt统一称为“终端”。 如果Anaconda Prompt中可以使用conda命令，接着下面继续操作。 为了避...
webgis 地图 百度地图
11-02
实现百度地图功能。从中能够学到地图瓦片加载原理
基于Webgis的体育场导航系统实现
07-18
svg在webgis中应用，做成的体育场导航系统
ArcGIS+10.5，打造智能的Web+GIS平台
04-10
ArcGIS+10.5，打造智能的Web+GIS平台
WebGIS从基础到开发实践（基于ArcGIS API For JavaScript）
12-28
该资源为WebGIS开发教程pdf版，书中通过大量的实例从简单到复杂，循序渐进实现Web GIS应用的快速开发，对WebGIS感兴趣的学者欢迎下载。
ArcGIS_JS_NavigationTools:从 ESRI ArcGIS JavaScript API 导航示例创建的小部件
06-21
兼容 CMV v1.3.0 未测试 CMV v1.3.1 这个小部件是作为 [David Spriggs] ( ) [Configurable Map Viewer] ( )，又名 CMV 的补充而创建的。 设计用于使用那里指示的文件结构在他的项目中使用。 原始源代码来自这个 ESRI 示例 ，它是一个 html 页面。 ArcGIS_JS_NavigationTools 是小部件格式，具有用于 CMV 的单独 css、html 和 javascript 文件。 请参阅此项目 [how-to Wiki] ( ) 以了解有关如何配置 CMV 以加载此小部件的详细信息。 导航工具栏 添加到 CMV widgets: { navtools : { include : true , id : 'navtools' , type : 'titlePane' , canF
webGIS 导航方式
ahuilynne的博客
05-21 429
一.路网空间模型设计 采用有向连通图模型对路网建模 A。以道路交叉点作为路网的连通图节点 B。以从A路点到B路点的单向通路建立有向连线A->B，即普通道路建立A->B，B->A双向连接，单行道建立A->B单向连接 C。高架桥、地下隧道做独立连接线处理；即，将高架或地下通道的起终点设立为连通图节点，并直接连接起终点，建立连线，中间不设定断点。 D。在有向线段上设置属性...
ArcGIS API for JavaScript web前端应用
最新发布
qq_41180882的博客
10-08 1215
arcgis 学习 创建初始化地图 vue+arcgis
WebGIS 之 ArcGIS API for JavaScript 总结（一）
zw3413的专栏
09-14 5277
几天时间过完了一本《WebGIS 从基础到开发实践》 （电子版下载地址： http://www.25mg.cn/wp/training/webgis/webgis从基础到开发实践/） 如今阅读技术书籍也同读小说一样，风里来雨里去，恢宏巨著，从洪荒原始到当今现代。由于是媳妇在图书馆给借的书，在这里将这本书做一个总结和笔记。 一、为什么要读这本书。 美国的esri公司，全称美国环境系统研究所公...
（转） Arcgis for js加载百度地图
weixin_33720956的博客
06-09 201
http://blog.csdn.net/gisshixisheng/article/details/44853709 概述： 在前面的文章里提到了Arcgis for js加载天地图，在本节，继续讲解如何在Arcgis for js中加载百度地图。   效果： 地图 影像-无标注 影像-有标注   实现： 第一，在此感谢http://www.cnblogs.com...
ArcGIS API for JavaScript 开发教程：入门与服务访问详解
本资源是一份详细的ArcGIS API for JavaScript开发教程，由易智瑞（中国）信息技术有限公司于2013年3月发布，适用于版本V1.0。该教程面向公众，旨在帮助开发者深入了解和掌握ArcGIS API for JavaScript的使用。教程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老靳的WebGIS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值