基于两篇react+arcgis的文章介绍,相信大家也能体会两者的开发区别了.在“初探篇”中作者也讲述了自己的选择,故废话不多说,本篇带大家体验在@arcgis/webpack-plugin环境下,使用react+redux+react-router+less+es6+webpack 开发(故在看本篇文章之前,请先了解相关知识). 效果图如下: 文件目录 主要开发文件目录 assets 存放静态资源components 组件configure 全局配置.路由.reduxlayout 页面redu…

1.前言 上篇主要讲了一下紧凑型切片的的解析逻辑,这一篇主要讲一下使用openlayers动态加载紧凑型切片的web地图服务. 2.代码实现 上篇已经可以通过切片的x.y.z得对应的切片图片,现在使用asp.net mvc方式提供读取服务,这里有一问题就是频繁打开切文件会存在资源未释放的占用的情况,导致请求失败,这里使用单例模式保证相同切片文件只打开一次,并且提供文件缓存与过期释放机制,加快服务的请求返回速率. 1.切片请求服务入口,提供基本的参数x.y.z以及紧凑切片文件路径,系统返回对应的切…

前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材. 内容概览 基于 arcgis api 3.x 热力图效果功能讲解 源代码 demo 下载 本篇实现热力图效果功能,截图如下: 热力图效果实现的思路 map.js 初始化函数调用聚合效果的 js…

前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材. 内容概览 基于 arcgis api 3.x 实现地图统计图 源代码 demo 下载 本篇实现地图统计图,截图如下: 地图统计图实现的思路如下:利用拓展 arcgis api 的 js 文件(M…

前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材. 内容概览 聚合效果功能讲解 源代码 demo 下载 本篇实现聚合效果功能,截图如下: 源代码工程结构目录说明 map.html 引用聚合包,项目已经包含进来了的聚合文件夹 <script typ…

前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材. 内容概览 图层控制功能讲解 源代码 demo 下载 本篇实现图层控制功能模块,截图如下: 图层控制模块实现的思路 在地图配置文件 map.config.js 里面配置图层目录树节点信息,作为主界…

前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材. 内容概览 地图属性查询 地图空间查询 源代码 demo 下载 本篇实现地图查询功能,包括属性查询和空间查询两大块,效果图如下: 属性查询效果图 空间查询效果图 谈核心代码实现之前,我大概的讲一讲…

前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类的介绍,还有就是在线例子:esri 官网在线例子,这个也是学习 arcgis api 3.x 的好素材. 内容概览 地图框选缩放.地图漫游.清空.量算工具 地图比例尺控件 地图显示坐标 地图鹰眼 源代码 demo 下载 工具栏,在 map.html 页面引入工具栏实现需要的 js 文件 <scrip…

1.前言 ArcGIS 发布的切片服务分为紧凑型切片和传统的分散型切片以及最新ArcGIS por新增的矢量切片.传统的分散型切片面临的问题是文件个数太多,部署拷贝过程十分的耗时,紧凑型切片是对分散型切片进行压缩处理的.一个.bundle文件可以存上万张切片,有利于部署拷贝,.bundlx文件提供切片索引.本教材分为三个模块依次是 (1)文件解析. (2)webgis动态加载紧凑型切片. (3)紧凑型批量转分散型. 下面是对紧凑型切片解析的过程,实现使用的c#代码. 2.解析 解析过程我是参考g…

1.前言 上篇介绍了webgis动态加载解析紧凑型切片的例子,现在我们使用逆向思维实现紧凑型切片转分散型切片,在实际工作中很有用处,紧凑型切片易于拷贝,但读取只有部署到Arcgis Server才行.相比分散型切片很通用可以部署在类似Geoewebcache的地图缓存服务器或者也可以直接部署到web服务器下. 软件核心功能: (1)支持切片等级范围选择. (2)支持切图范围的选择,有利于局部数据的更新. (3)支持多线程解析,充分利用系统资源,加快解析速率. (4)文件命名格式与Arcgis分散…