博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于ArcGIS JS API的在线专题地图实现
阅读量:4562 次
发布时间:2019-06-08

本文共 1071 字,大约阅读时间需要 3 分钟。

0 引言

    专题地图是突出而深入的表示一种或几种要素或现象,即按照地图主题的要求,集中表示与主题有关内容的地图。专题地图的专题要素多种多样,分类方法也多种多样,根据专题地图表现数据的特点可分为定性专题地图和定量专题地图。定性专题地图用于表示种类或名称现象数据的空间分布和定位特征,定量专题地图则强调不同位置上空间地理目标的数量特征。

国内已有很多在线专题图制作平台,包括、 等,对其专题图类型进行分类整理,可得到以下分类:

类型 专题图
定量专题地图 范围值专题图(分层设色)
等级符号专题图
饼状专题图
柱状专题图
定性专题地图 分布专题图
热力专题图
趋势专题图

1 初衷

    HTML5的canvas提供基础的绘制功能,为在线专题图的实现提供了方法(地图汇就是基于canvas开发的相关功能),然而这种方式成本较高,需要自己实现地图渲染、比例尺缩放等一系列功能。

    基于二次开发也是一个很好的选择,ArcGIS API for Javascript是ESRI基于dojo,采用JavaScript技术实现的调用ArcGIS Server REST API接口的一组脚本,提供了web端地图相关基础功能,在制图方面, 包含地图渲染方式相关的类,可用于范围值、唯一值、热力图等专题图的渲染,但仍存在以下问题:

  • 对于柱状图、饼状图、等级符号等专题图,目前版本(4.0)并没有直接的开发接口。
  • 图例组件显示内容不能很好的满足专题图要求
  • 制作专题图涉及类库较多

    鉴于此,基于ArcGIS JS API封装了这套专题图制图类库OTMaps(Online Themetic Maps),并开源出来供大家使用,同时希望使用者积极反馈或一起修改完善。

2 思路

    实现思路如下图所示:

976988-20160712100438232-1706072609.png

    各个专题图类的方法相同,都包括draw、clear、setConfig,均继承自OTMap父类,而draw方法则各自实现,同时draw的实现并非是独立的,而有很多重叠的部分,比如柱状专题图可能会用到除了柱子的渲染外,还会用到独立值渲染或者范围值渲染,部分专题图都会用到图例,因为将核心渲染方法封装渲染类中,各个专题图的实现本质上是渲染类中各个组件的调用。

3 使用

     项目地址:

     效果截图:

     976988-20160712100349561-1834115544.png

    976988-20160712102703217-1167743538.png
    976988-20160712102748732-1206071438.png
    976988-20160712102800217-2032410124.png

博文作者:vicfeel

博文出处:
本文版权归作者和博客园共有,欢迎转载,但须保留此段声明,并给出原文链接,谢谢合作!
如果阅读了本文章,觉得有帮助,您可以为我的博文点击“推荐一下”!

转载于:https://www.cnblogs.com/vicfeel/p/5662548.html

你可能感兴趣的文章
mysql 二进制日志
查看>>
阻止putty变成inactive
查看>>
TP框架代码学习 学习记录 3.2.3
查看>>
doc文档生成带目录的pdf文件方法
查看>>
js数组,在遍历中删除元素(用 for (var i in arr)是无效的 )
查看>>
通过前端上传图片等文件的方法
查看>>
在 OC 中调用 Swift 代码
查看>>
Android仿腾讯应用宝 应用市场,下载界面, 有了进展button
查看>>
AngularJS之ng-class(十一)
查看>>
安卓|五大逆向软件下载
查看>>
Junit使用第二弹
查看>>
软件测试技术---代码检查,走查与评审
查看>>
常用 Header 简单讲解和优先级顺序
查看>>
Android开发EditText属性
查看>>
Windows10设置
查看>>
HDU 2177——威佐夫博弈
查看>>
rsync+sersync实现代码同步
查看>>
[TYVJ1827]『Citric II』一道防AK好题
查看>>
poj 2785(折半枚举+二分搜索)
查看>>
Matrix4x4
查看>>