基于ArcGIS JS API的在线专题地图实现
myzbx 2025-01-02 17:53 28 浏览
0 引言
专题地图是突出而深入的表示一种或几种要素或现象，即按照地图主题的要求，集中表示与主题有关内容的地图。专题地图的专题要素多种多样，分类方法也多种多样，根据专题地图表现数据的特点可分为定性专题地图和定量专题地图。定性专题地图用于表示种类或名称现象数据的空间分布和定位特征，定量专题地图则强调不同位置上空间地理目标的数量特征。
国内已有很多在线专题图制作平台，包括地图汇、爱地图等，对其专题图类型进行分类整理，可得到以下分类：
| 类型 | 专题图 |
|---|---|
| 定量专题地图 | 范围值专题图（分层设色） |
| 等级符号专题图 | |
| 饼状专题图 | |
| 柱状专题图 | |
| 定性专题地图 | 分布专题图 |
| 热力专题图 | |
| 趋势专题图 |
1 初衷
HTML5的canvas提供基础的绘制功能，为在线专题图的实现提供了方法（地图汇就是基于canvas开发的相关功能），然而这种方式成本较高，需要自己实现地图渲染、比例尺缩放等一系列功能。
基于Arcgis API for Javascript二次开发也是一个很好的选择，ArcGIS API for Javascript是ESRI根据基于dojo，采用JavaScript技术实现的调用ArcGIS Server REST API接口的一组脚本,提供了web端地图相关基础功能，在制图方面，esri/renderers包含地图渲染方式相关的类，可用于范围值、唯一值、热力图等专题图的渲染，但仍存在以下问题：
- 对于柱状图、饼状图、等级符号等专题图，目前版本(4.0)并没有直接的开发接口。
- 图例组件显示内容不能很好的满足专题图要求
- 制作专题图涉及类库较多
鉴于此，基于ArcGIS JS API封装了这套专题图制图类库OTMaps(Online Themetic Maps)，并开源出来供大家使用，同时希望使用者积极反馈或一起修改完善。
2 思路
实现思路如下图所示：
各个专题图类的方法相同，都包括draw、clear、setConfig，均继承自OTMap父类，而draw方法则各自实现，同时draw的实现并非是独立的，而有很多重叠的部分，比如柱状专题图可能会用到除了柱子的渲染外，还会用到独立值渲染或者范围值渲染，部分专题图都会用到图例，因为将核心渲染方法封装渲染类中，各个专题图的实现本质上是渲染类中各个组件的调用。
3 使用
效果截图：
相关推荐
- 网易《逆水寒》手游【逆水侠棋】首次正式更新，近 50 项调整优化
-
IT之家7月23日消息，网易《逆水寒》手游于6月27日迎来二周年资料片，推出了特色自走棋玩法【逆水侠棋】。游戏官方今日宣布，【逆水侠棋】玩法上线以来已经进行了4000多万场的对局，...
- 消息称英特尔Arrow Lake-S Refresh处理器下半年发布，升级NPU
-
IT之家7月7日消息，韩媒ZDNETKorea当地时间4日报道称，英特尔酷睿Ultra200S"ArrowLake-S"处理器的Refresh刷新版本将...
- 用户中心——比如:腾讯的QQ账号可以登录到很多应用当中 02
-
用户中心——比如：腾讯的QQ账号可以登录到很多应用当中02@[toc]前端登录注册blankTarget表示是一个用户点击时跳转时，是打开一个新的页面还是，在本地页面覆盖。constants公共...
- 英特尔发布6862图形驱动，相比Q1版本性能最高提升37%
-
IT之家7月11日消息，英特尔公司于7月8日，面向锐炫（Arc）B、A系列显卡、集成Arc核显的酷睿Ultra系列处理器，发布了32.0.101.6862（Q2.25）图...
- Cryin:BLG打不过AL，与T1无缘了!JDG首发xiaoxu，WBG世界赛有望
-
【关注残影游戏，看LOL最新资讯，来看下这一期的撸圈日报吧！】TOP1Cryin：BLG打不过AL，与T1无缘了！在MSI的比赛中，AL与BLG双双输给了LCK，只不过AL终究是和GEN打满了五局，但...
- 安装SOLIDWORKS出现错误:“已安装较新版本”如何解决?
-
-SOLIDWORKS常见问题及技巧分享52-PART1：客户问题客户使用了SOLIDWORKS2024SP5版本作业，由于公司接到一个订单要求使用SOLIDWORKS2018...
- 《托尼·霍克职业滑板3+4》Xbox平台版本现已开启预载
-
《托尼·霍克职业滑板3+4》现已在Xbox平台开启预载，玩家可提前为7月11日的正式发售做准备。此外，官方还公布了XboxSeriesX|S版本的一些新细节。在《托尼·霍克职业滑板1+2》发售近...
- SRAM套件会让整车更轻吗?车手战车:罗格利奇的S-Works Tarmac SL8
-
普里莫茨·罗格利奇（PrimozRoglic）以红牛-博拉-汉斯格雅车队主将的身份开启了2025年环法之旅。随着高山赛段的争夺，环法进入白热化阶段，罗格利奇的总成绩也在不断上升中。弗洛里...
- MST 全新一代 RMX 4 S PRO 正式登场
-
MST（MaxSpeedTechnology，得隆科技）正式宣布，下一代RMX漂移底盘即将登场，命名为RMX4。全新RMX4延续当前主流的后驱（RWD）漂移布局，在经典架构的基础上大...
- S960Q钢板综合解析S960Q钢板化学成分
-
S960Q钢板综合解析（欧标EN10025-6）一、化学成分S960Q采用低碳+微合金化设计，化学成分严格控制杂质元素，核心配比如下：元素含量范围关键作用碳(C)≤0.20%保障焊接性及韧性锰...
- 英伟达优化DLSS 4:Transformer模型显存占用减少20%
-
IT之家6月29日消息，除了推出DLSS4正式版，英伟达还在其最新的DLSSSDK版本中对显存（VRAM）使用进行了优化。VideoCardz发现，DLSS310.3.0将...
- 消息称三星工艺高通SM8850s“套片报价更低，可能明年才会上”
-
IT之家7月2日消息，消息源@数码闲聊站今日表示，其最近又“摸到”了采用三星晶圆代工SF2工艺、代号为SM8850s的高通SM8850旗舰移动芯片变体。这位博主表示：“听说(...
- 防止开源供应链“下毒”，谷歌推出OSS Rebuild项目
-
IT之家7月22日消息，为提升开源项目的安全性，谷歌今日推出了OSSRebuild，开发者可利用该工具通过重现构建过程来验证开源软件包的完整性，从而避免开源供应链“下毒”情况。谷歌介绍称，...
- 向经典致敬!2025本田GB350/S披上70年代蓝白新色登场
-
Honda发表了新复古车款GB350及其衍生版本GB350S的2025年款。这是自2023年以来，时隔两年的改款，除了变更了头尾灯及仪表的规格外，还首次采用了双色调配色。车辆规格与配备方面则没有变更。...
- 铠侠推出目前最大容量固态硬盘:企业级LC9新增245.76TB版本
-
IT之家7月22日消息，铠侠日本当地时间今日宣布为主打大容量存储的LC9系列企业级固态硬盘新增245.76TB版本。这一新型号在成为目前最大容量SSD的同时也是首款来到256TB...
- 一周热门
- 最近发表
-
- 网易《逆水寒》手游【逆水侠棋】首次正式更新，近 50 项调整优化
- 消息称英特尔Arrow Lake-S Refresh处理器下半年发布，升级NPU
- 用户中心——比如:腾讯的QQ账号可以登录到很多应用当中 02
- 英特尔发布6862图形驱动，相比Q1版本性能最高提升37%
- Cryin:BLG打不过AL，与T1无缘了!JDG首发xiaoxu，WBG世界赛有望
- 安装SOLIDWORKS出现错误:“已安装较新版本”如何解决?
- 《托尼·霍克职业滑板3+4》Xbox平台版本现已开启预载
- SRAM套件会让整车更轻吗?车手战车:罗格利奇的S-Works Tarmac SL8
- MST 全新一代 RMX 4 S PRO 正式登场
- S960Q钢板综合解析S960Q钢板化学成分
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)
- 时钟启动 (33)
- HTML 游戏 (34)
- JS Loop For (32)