jiegiser博客

主要做webgis研发。包括：cesium、openlayers、arcgis api、leaflet、mapbox、arcgis engine 等等。有成都的相关坑位可以联系我

12月 11月 08月 05月 04月 03月 02月 01月

原创 arcgis api for js 之地图操作

1. 地图窗口操作在 ArcGis Javascrippt API 中可以使用esri/toolbars/Navigation类来实现对窗口的操作，必须实例化一个该类的对象，然后调用该对象的方法即可，例如以下代码可以实现对地图的漫游操作： require(["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/toolb

2018-01-30 12:43:12 2509 3

原创 arcgis-api-for-js-之自定义动态图层—热度图层

1. 前言ArcGIS API for javascript 只提供了 TiledMapServiceLayer 、DynamicMapServiceLayer 、OGC 的web地图服务、开放街道地图服务以及对 KML 文件的支持，但是不支持创建自定义的图层。我们需要扩展 TiledMapServiceLayer 或 DynamicMapServiceLayer 类来自定义图层，2.

2018-01-28 17:48:14 3449

原创 arcgis-api-for-js-之基本知识

1. 确保DOM可以一个是ready函数，可以将其包括在require()函数中，它会在HTML元素和任何模块加载之后才执行。另一个是可以在require()函数中使用dojo/domReady!（感叹号表示domReady是AMD加载器插件）插件。 esri/Map -加载特定于创建地图的代码 esri/views/MapView -加载允许以2D查看地图的代码 dojo/domR...

2018-01-27 23:30:01 545

原创 arcgis-api-for-js-之添加图层到地图及地图服务设置可见图层

1. 前言ArcGISDynamicMapServiceLayer 类代表动态图层，因此就有很大的属性与方法来操作视图服务。2. 添加图层到地图我们使用 addLayer() 方法将图层加载到地图中，代码如下： require(["esri/map","esri/layers/ArcGISDynamicMapServiceLayer",

2018-01-25 20:30:12 8418 5

原创 OpenLayers3基础教程之测量功能

1. 前言测量功能实现面积的测量以及长度的测量。通过鼠标绘制区域以及长度来进行测量。OpenLayers 3 框架没有提供测量控件，但提供了相应的接口，需要需要基于几何对象的相应接口，结合图形绘制功能实现。2. 实现思路（1）新建一个网页，引用 openlayers 3 开发库、jQuery 库与 bootstrap 库，并参照前面显示地图的文章，加载 OSM 瓦片图层。

2018-01-22 14:27:48 4745 2

原创 OpenLayers3基础教程之实现地图鹰眼以及地图比例尺的添加

1. 前言地图鹰眼就是地图的鸟瞰图，就是通常所说的小地图，我们可以通过鹰眼得到当前地图的显示位置，也可以在鹰眼上单击、拖动或移动到想要查看的位置，鹰眼的可见区域比我们所看的主视区的范围要大，鹰眼的中心框就是主视区的可视范围， Openlayers 3 封装的鹰眼控件为 ol.control.OverviewMap ，可以自定义其显示的样式。2. 实现思路（1）新建一个网页，并

2018-01-21 20:26:57 3413

原创 OpenLayers3基础教程之鼠标移动显示坐标

1. 前言鼠标移动显示坐标，OpenLayers 3 框架提供了鼠标移动显示坐标的控件（ol.control.MousePosition）,默认显示在地图的右上角，其样式可以自定义。在这个例子中，我们通过前面的加载 OSM 加载瓦片图层，实现在地图容器的左下角显示坐标点的信息。2. 实现思路（1）新建一个网页，参考前面的加载 OSM 瓦片地图，实现加载瓦片地图。（2）在地

2018-01-21 16:12:41 7251

原创 OpenLayers3基础教程之图层控件

1. 前言在实际应用中，我们将加载到地图容器中的图层通过图层显示的控件功能，来显示加载的图层，便于用户查看与操作，OpenLayers 3 中并没有提供类似的图层控件，但是他的 API 却提供了该功能的相关接口，我们可以通过调用相关的接口，实现该功能。2. 实现思路（1）新建一个网页，参考前面的文章加载OSM瓦片图层的方法，加载OSM瓦片、MapQuest 影像、JSON 与

2018-01-21 13:00:31 2752

原创 OpenLayers3基础教程之对地图的基本操作

1. 前言对地图的基本操作就是对地图的放大、缩小、移动、复位和更新等，通过使用OpenLayers 3 框架中操作地图视图（View）的相应方法。2. 实现思路（1）新建一个网页，参照前面的文章加载OSM瓦片地图，通过视图设置地图的最大、最小缩放级别以及初试旋转角度，通过使用jQuery以及bootstrap来实现在缩放控件以及旋转控件鼠标悬停提示的效果。（2）在地图

2018-01-17 23:22:49 1763

原创 OpenLayers3基础教程之加载常用控件

1. 前言地图控件就是对地图的缩放、全屏、坐标显示控件等，方便我们对地图进行操作。OpenLayers 3 封装了很多常用的地图控件，例如地图导航、比例尺、鹰眼、测量工具等，这些控件都是基于ol.control.Control虚基类进行封装，ol.control.Control的子类为各类常用的地图控件，可以通过Map对象的Control参数进行设置或者通过addControl方法将控件添加到

2018-01-17 11:30:52 4747

原创 OpenLayers3基础教程之实现地图显示功能

1.配置开发环境使用OpenLayers 3开发WebGIS应用，我们首先需要配置开发环境，首先我们需要在openlayers官网获取OpenLayers 3的开发库。下载链接：官网。打开后如图所示：需要注意的是这里下载有两个版本，①：仅包括开发库（开发与调试的JS库以及CSS文件），②：包括开发库、开发库源码、示例、API等所有开发资源。在这里我下载了第一个版本，下载后

2018-01-15 20:13:22 6426

转载 arcgis-之网络分析

1.前言现实世界中，有很多网络关系，比如交通网络，地下水管等，在ArcGIS中，根据地理网络中资源的流动方向是否确定，将地理网络模型分为几何网络模型和网络数据集模型。 2.几何网络模型和网络数据集模型的区别几何网络模型：资源只能按照约定的方向流动，即资源本身不能决定自己的流动方向，需要受网络本身设置的影响，这是区别于网络数据集模型最根本的地方。应用：可以使

2018-01-13 21:39:08 3056

原创 markdown常用语法

1.标题首先是标题：用#标记，在标题开头加上1~6个#，依次代表一级标题、二级标题….六级标题。# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题效果如下：一级标题二级标题三级标题四级标题五级标题六级标题2.列表Markdown 支持有序列表和无序列表。

2018-01-13 12:09:17 136

原创 REST及REST风格的web服务

1.前言：REST是由Roy Fielding提出的一种软件架构，现如今也是因为REST模式的web服务与复杂的SOAP、XML-RPC对比来说，更加简洁，越来越多的web服务开始采用REST风格设计和实现。简单的说REST就是URL定位资源，用HTTP动词（get，post，delete，detc）描述操作，REST描述的是在网络中 C/S的一种交互形式，我们一般所说的，并不是

2018-01-03 19:49:52 2938

原创 arcgis-api-for-js-之创建一个3D地图

1.引用资源首先跟创建2D地图一样，在head标签内部，使用script和link标签引用ArcGIS API for JavaScript，代码如下： <link rel="stylesheet" href="https://js.arcgis.com/4.6/esri/css/main.css"><script src="https://js.arcgis.com/4.6/"></scrip

2018-01-02 15:26:57 3172 3

原创 arcgis-api-for-js-之创建图层和添加图层（1）

1.引用资源1.1引用ArcGIS API for JavaScript 首先引用ArcGIS API for JavaScript，采用script标签，注：里面的数字为版本号，可以等到版本更新时，更换对应的版本号即可。代码如下： <script src="https://js.arcgis.com/4.6/"></script>1.2引用样式标签引用main.css样式表，其中

2018-01-02 15:24:40 7455 2