arcgis

前言 cesium 入门开发系列环境知识点了解： cesium api文档介绍 ，详细介绍 cesium 每个类的函数以及属性等等 cesium 在线例子 内容概览 cesium 结合 leaflet 实现鹰眼图 cesium 自身 api 实现鹰眼图 源代码 demo 下载 cesium 结合 leaflet 实现鹰眼图方式 效果图如下 初始化 cesium function initialGlobeView() { Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3NjRjNGFjNy1jNDM3LTQzMTktODVlYS05YmFmOTAxYjk5MWUiLCJpZCI6Mzk5MSwic2NvcGVzIjpbImFzbCIsImFzciIsImFzdyIsImdjIl0sImlhdCI6MTUzOTU3OTE2NX0.-25udUzENRJ66mnICMK8Hfc6xgF_VP7P4sWkSHaUjOQ' ; var image_Source = new Cesium.UrlTemplateImageryProvider({ // url: 'http://mt0.google.cn/vt/lyrs=t,r&hl=zh-CN&gl=cn&x={x}&y={y}

最近有个项目使用mapbox作为地图展示，但是mapbox 只支持web 墨卡托（3857）坐标系的数据。而客户想接入其他单位发布的共享数据，共享数据都是基于arcgisserver 发布的国家2000坐标系的数据服务。所以研究了一些解决方案。 研究目标： 基于mapbox 能够接入国家2000 坐标系下的栅格切片服务，矢量数据服务 背景说明： 1、 Mapbox 官方版本只支持基于osm 标准的栅格地图服务，以及3857（web墨卡托）投影的矢量切片数据 2、 共享平台提供的地图服务都是基于arcgisserver 发布的国家2000坐标系的数据，包括栅格切片跟矢量数据（WMS，WFS） 研究过程： 1、 基于超图官方提供的能够支持多坐标系的mapbox扩展：mapbox-gl-enhance.js 分析结果： 1） 支持超图平台发布的国家2000，北京54，西安80坐标系的上栅格切片服务和矢量数据服务。 2） 整个地图只支持一种坐标系格式，不能添加其他坐标系的数据，地图初始化设置某一个种坐标系后，其他数据会参照改坐标系进行转换 3） 超图可以转发ArcGISServer 发布的国家2000坐标系的栅格地图服务，在mapbox 中展示 2、 第三方公司mapbox-gl，网上下载的js 分析结果： 支持国家2000坐标系的矢量数据服务，不支持国家2000坐标系的栅格切片服务

前言 leaflet-webpack 入门开发系列环境知识点了解： node 安装包下载 webpack 打包管理工具需要依赖 node 环境，所以 node 安装包必须安装，上面链接是官网下载地址 webpack 配置介绍文档 详细的 webpack 文档配置介绍，适合新手查看，我也是边看边学 vscode 安装包下载 ，我这边用 vscode工具编译开发前端项目，个人觉的这款工具还不错 leaflet api文档介绍 ，详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件 ，leaflet 的插件库，非常有用 内容概览 leaflet 加载不同在线地图切换显示 源代码 demo 下载 本篇 demo 加载在线地图分别是 OSM 地图、ArcGIS 地图、天地图、高德地图、谷歌地图以及百度地图，由于加载百度地图比较特殊，它采用的投影坐标系方案定义跟其他在线地图不一致，需要自定义 L.Proj.CRS，所以，为了简单化测试，加载百度地图是在另一个地图页面来的。 效果图如下： 百度地图效果： 其他在线地图效果： 实现思路 核心用到 leaflet 的 TileLayer 图层类，专门加载瓦片数据图层，还有就是 leaflet 底图切换控件Control.Layers，TileLayer 类具体使用，可以参照 api说明：

前言 leaflet 入门开发系列环境知识点了解： leaflet api文档介绍 ，详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件 ，leaflet 的插件库，非常有用 内容概览 leaflet 结合 Echarts4 实现迁徙图 源代码 demo 下载 本篇 demo 利用 leaflet api 结合 Echarts4 实现迁徙图功能，效果图如下： 实现思路：在 leaflet 结合 Echarts4 实现散点图(附源码下载) 基础上实现的 地图初始化 var map = L.map('map' ); L.tileLayer( 'http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}' ).addTo(map); map.setView(L.latLng( 37.550339, 104.114129), 4); // 设置缩放级别及中心点 Echarts 相关 options 配置 var geoCoordMap = { "海门":[121.15,31.89 ], "鄂尔多斯":[109.781327,39.608266 ], …… }; var BJData = [ [{name:

前言 leaflet-webpack 入门开发系列环境知识点了解： node 安装包下载 webpack 打包管理工具需要依赖 node 环境，所以 node 安装包必须安装，上面链接是官网下载地址 webpack 配置介绍文档 详细的 webpack 文档配置介绍，适合新手查看，我也是边看边学 vscode 安装包下载 ，我这边用 vscode工具编译开发前端项目，个人觉的这款工具还不错 leaflet api文档介绍 ，详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件 ，leaflet 的插件库，非常有用 内容概览 leaflet 叠加图层控制 源代码 demo 下载 本篇 demo 实现是在 leaflet-webpack 入门开发系列二加载不同在线地图切换显示（附源码下载） 基础上优化而实现的，核心就是 leaflet 的 Control.Layers 控件，默认的底图切换以及叠加图层只有选中以及文字，没有图标样式的效果。 效果图如下： 实现思路如下 自定义底图切换，添加图标样式 // 构建图片形式的标题及图例 const getImageTitle = (text, imgUrl, size) => { return `<div style='display:inline-block;width:${size}px

前言 leaflet-webpack 入门开发系列环境知识点了解： node 安装包下载 webpack 打包管理工具需要依赖 node 环境，所以 node 安装包必须安装，上面链接是官网下载地址 webpack 配置介绍文档 详细的 webpack 文档配置介绍，适合新手查看，我也是边看边学 vscode 安装包下载 ，我这边用 vscode工具编译开发前端项目，个人觉的这款工具还不错 leaflet api文档介绍 ，详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件 ，leaflet 的插件库，非常有用 内容概览 leaflet 地图卷帘 源代码 demo 下载 效果图如下： demo 实现的效果比较简单，直接就是用 leaflet 官方的地图卷帘插件 github： leaflet-side-by-side ，这个插件用的时候，左右两侧的底图要是同个的话，只能显示一个，不知道这个算不算一个bug demo 集成插件的步骤如下： npm 命令安装 leaflet-side-by-side 插件库 npm i leaflet-side-by-side --save 引用 leaflet-side-by-side 进来 import "leaflet-side-by-side"; 完整核心代码如下： import L from

入门 Leaflet 之小 Demo 写在前面 ---- WebGIS 开发基础之 Leaflet GIS 基本概念：GIS、Map、Layer、Feature、Geometry、Symbol、Data（Point、Polyline、Polygon）、Renderer、Scale、Project、Coordinates； GIS 开发概述：架构模式、常用平台和 SDK、二维三维 使用 Leaflet 开发常用功能 地图加载（底图类型、切换）： 地图操作（缩放、平移、定位/书签、动画）： 图层管理（加载、移除、调整顺序）： 要素标绘（点/聚簇、线、面，符号化/静态动态）： 属性标注（字段可选、样式定制）： 专题地图（点、线、面，渲染）： 查询定位（属性查询、空间查询/周边搜索/缓冲区/面查点线面/点线查面、图属互查、综合查询）： 信息窗口（入口、Popup、定制）： 坐标转换（地理与投影、不同地理坐标系）： 空间运算（长度面积测量、点取坐标、缓冲区、相交包含关系）： 动态监控（固定点状态切换、车辆监控）： Leaflet API Demo 用到的库 Flat-UI Flat UI is based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the

插个广告，我的课程： 零基础学习Python制作ArcGIS自定义工具 以下是正文： 我就瞎说一下，反正你也不懂。 　　　　——见到许多ArcGis属性表乱码的问题，也见过各种哭笑不得的解说 目录 第一节 字符编码那些事儿→字符编码简述 第二节 都是编码惹的祸→ArcGis属性表出错原因 第三节 dbf犯的错→解决方案 参考 第一节 字符编码那些事儿 　　计算机以二进制的形式存储信息。每个“字”都会用特定的一组代码（1-4个不等的字节，1个字节= 8个二进制位 ）表示，也就是编个号，这种表示规则叫做“字符编码”。计算机会根据二进制的“编号”信息去“编号规则（字符编码）”对应的“字符集”查找其所对应的“字”， 使用对应的字体（ 字符集对应若干“字体库” ）显示出来。 从别处拷贝或者网络来一个文件， 系统环境或者编码规则没选对，那就乱了呗。 　　ASCII 　　话说当年，美国佬 最早 发明了“字符编码”这种东西，起名叫 ASCII （American standard Code for information Interchange）。它包含了128个字符（0-127），每个字符用8个二进制位表示，第1位规定为0，后7位标识一个字符。比如‘A’表示为二进制是01000001，十进制是65，十六进制是0x41，这也就是我们常说的一个英文字母占1个字节，8bit=1Byte。 　　

前面我写过关于利用arcgis api for js打印地图的，但是打印地图服务都是基于arcgis server发布的，arcgis api加载在线地图，比如天地图、百度地图、高德地图等，底图都是打印不出来的；这个在GIS之家群里也有很多giser问过，我一直也没抽出时间好好整理研究，碰巧一个师妹遇到这种打印问题并且解决了，于是我向她邀稿，才有这里的这篇文章。本文是‘猴妹‘师妹授权给我来发表的，介绍都是师妹的研究成果，在此，非常感谢‘猴妹‘师妹。 记录了通过ArcGIS的PringTask进行地图打印，以及借助html2canvas实现屏幕截图的方法。两个方法各有适用的情景。过程中涉及的相关资源和问题给出链接，自行查看。 1.需求背景 地图打印，这是地图应用系统的基本工具了。多数使用者都希望能够将地图，连带着查询结果、统计结果以及自己绘制的各种图形输出，将其保存到本地，以供他用。本文描述两类情况：一类是通过ArcGIS Server发布的地图服务，一类是调用其他数据源的地图切片形成的地图。 2.通过ArcGIS Server发布的地图服务 这个网上很多例子啦，官方API也有详细例子。上个链接： https://developers.arcgis.com/javascript/3/jssamples/#search/PrintTask

1.1 按属性裁剪 操作视频: https://weibo.com/tv/v/HwaZRoosq?fid=1034:4376687438183117 按属性裁剪：可以图形表，也可以是非图形表，字段值相同导出一个数据，输出数据可以是数据库，也可以是文件夹，生成SHP或DBF。 输入表（要素）： 可以是表，或者要素 裁剪字段： 字段值相同导出一个图层，如果是数字导出到数据库，由于数据库不能数字开头，前面自动加YL 输出空间 :选文件夹导出SHP(DBF)，选数据库导出到数据库 1.2 矢量数据批量裁剪 矢量数据批量裁剪: 按一个矢量图层批量裁剪多个图层，字段值相同放到一个数据库,裁剪字段值是裁剪后数据库，可以是GDB，也可以是MDB。 操作视频： https://weibo.com/tv/v/Hw26mfYCC?fid=1034:4376345468423860 输入需要裁剪的要素图层： 多个图层数据，可以从ArcCatalog拖动过来 裁剪依据图层： 是面层，按范围裁剪，字段值相同裁剪为一个数据库 裁剪后数据库名称字段： 是面层字段，最好是唯一值，不为唯一值，融合在一起裁剪。字段值是裁剪后数据库。 输出路径： 是文件夹，需要存在 是否 GDB ，勾上 GDB ，不勾 MDB 1.3 矢量数据批量合库 操作视频： https://weibo.com/tv/v/HCQNQDH51?fid