自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

不睡觉的怪叔叔的博客

记录GIS、分享GIS

  • 博客(20)
  • 资源 (1)
  • 问答 (7)
  • 收藏
  • 关注

原创 OpenLayers教程:图形绘制之编辑图形

除了能够交互式地绘制几何图形,OpenLayers还支持我们编辑已经绘制的几何图形。 ol.interaction.Modify类封装了编辑图形的功能,只要将它初始化作为交互控件加入Map对象,就可以对几何图形进行动态编辑。 来看示例: editGraphic.html:<!DOCTYPE html><html lang="en"...

2019-07-31 17:47:28 4286 2

原创 OpenLayers教程:图形绘制之设置图形的样式

OpenLayers可以对整个矢量图层统一设置样式,也可以单独对某个要素设置样式,本文介绍对整个矢量图层设置样式。 OpenLayers的ol.style.Style类用于设置样式,它需要结合另外三个类ol.style.Image、ol.style.Stroke、ol.style.fill分别设置点或圆的样式、边界线的样式、填充样式,另外ol.style.Text类用于设置要素注...

2019-07-30 11:45:34 6187

原创 使用canvas绘制网格与坐标轴

目录一、绘制网格二、绘制坐标轴一、绘制网格 网格效果: 代码: drawGrid.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...

2019-07-29 20:52:34 2224

原创 OpenLayers教程:图形绘制之绘制几何图形

OpenLayers的ol.interaction.Draw类实现了交互式绘制几何图形的功能,可以把它看作一个绘制图形的控件,使用合适的参数初始化它,并将它加入地图对象就可以进行交互式的图形绘制。 我们直接来看一个示例: drawShapes.html:<!DOCTYPE html><html lang="en"><head&...

2019-07-27 21:36:33 2332 1

原创 eclipse没有server选项怎么解决

eclipse是一个开放源代码的、基于java的可扩展开发平台。它使用频率十分高,然而当使用它部署项目时候,经常会发现一个重要的问题就是打开eclipse之后没有了server选项,那么该怎么解决这个问题呢? 第一步、在eclipse菜单“Help”中选择“InstallNew Software” 第二步、在浏览器输入:https://download.eclipse....

2019-07-26 10:52:11 5135 1

转载 Eclipse各个版本的区别以及选择标准

本文转载自:https://blog.csdn.net/shu19880720/article/details/51820064Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代IDE开发环境,2001年11月贡献给开源社区,现在它由非营利软件供应商联盟Eclipse基金会。Eclipse的设计思想是:一切皆插件。Eclipse核心很小,其它所...

2019-07-26 09:50:25 1426

原创 OpenLayers教程十八:多源数据加载之矢量切片

在看本篇文章之前,可以先看我翻译的这篇文章:https://zhuanlan.zhihu.com/p/62751184 矢量切片就是将矢量数据以金字塔的组织方式,切割成一个一个描述性文件,目前矢量切片主要有以下三种格式:GeoJSON TopoJSON MapBox Vector Tile(MVT) 上面的文章介绍了使用GeoServer来发布矢量切片。其实...

2019-07-20 14:32:56 1691

转载 Cesium官方教程1:开始

本文转载自:https://www.jianshu.com/p/d89ff3e7c4dc 官方教程原文地址:https://cesium.com/docs/tutorials/getting-started/ 学会使用全球地形、影像、3DTiles(模型切片)、地理编码创建一个Cesium程序。 CesiumJS是一个基于javascript的Web端3D地...

2019-07-19 22:55:50 7129

原创 OpenLayers教程十七:多源数据加载之WMS(二)

目录一、单一图像WMS二、瓦片WMS一、单一图像WMS WMS可以作为图像图层来使用,即WMS只从服务器传送一张图像到客户端,这就是Single Image WMS(单一图像WMS)。 WMS也可以作为瓦片图层来使用,即WMS从服务器传送多张瓦片到客户端,这就是Tiled WMS(瓦片WMS)。 瓦片可以在客户端被缓存,所以相比单一图像WMS,瓦片WMS不...

2019-07-19 10:14:52 1509

原创 OpenLayers教程十六:多源数据加载之WMS(一)

目录一、WMS规范简介二、请求WMS服务的元数据二、请求WMS服务的地图图像四、请求WMS服务的地图要素信息一、WMS规范简介 在WebGIS中,有多种方法在网页浏览器中显示地图:瓦片地图 —— 事先将地图切割成瓦片,需要时再发送给客户端,瓦片可以存储在服务器或者本地 矢量地图 —— 将具有空间信息和属性信息的数据(比如GeoJSON、...

2019-07-17 11:47:13 2507

原创 使用GeoServer发布PostGIS中的数据

目录一、数据准备二、创建一个新的工作区三、创建一个数据存储四、创建一个图层五、预览图层一、数据准备 先下载数据nyc_buildings.zip: 链接:https://pan.baidu.com/s/1sLb_mjRe3VJWilK2NnAXSQ 提取码:luzg 在PostGIS中创建一个数据库nyc,并在该数据库中创建Pos...

2019-07-16 17:36:28 4321 5

原创 OpenLayers教程十五:多源数据加载之矢量地图

目录一、矢量地图简介二、在OpenLayers中直接组织矢量数据三、通过url加载矢量数据四、样式设置一、矢量地图简介 前面介绍的瓦片地图将地理信息以一块块瓦片的形式进行组织并渲染,瓦片的本质是图片,因此不能对瓦片地图进行修改样式、空间分析等操作,而且瓦片不包含属性信息,隐含的空间信息也不能直接获取使用。 矢量数据使用矢量数据模型来组织地理信息,矢量数据模型...

2019-07-15 11:17:20 3205 4

转载 OpenLayers教程十四:多源数据加载之离线瓦片地图

本文转载自:http://weilin.me/ol3-primer/ch05/05-04.html 其实离线瓦片地图和在线瓦片地图是一样的原理,都是瓦片。只是离线瓦片地图存储在本地,而且它的存取方式,可以由开发者自己来定义,而在线瓦片地图则不一定。在不理解原理的情况下,很多人拥有了离线瓦片,却不知道如何加载,所以这里单独来讲解。 示例的瓦片就只有一张。如果放大或者缩小,...

2019-07-12 12:42:10 2035 1

原创 OpenLayers教程十三:多源数据加载之详解OpenLayers的瓦片坐标系

目录一、OpenLayers中定义瓦片坐标系的接口二、通过自定义OpenLayers的瓦片坐标系来加载百度地图三、分析瓦片地图的瓦片坐标系3.1、加载微软Bing中文地图3.2、加载Google中文地图 前面的文章已经简单介绍了瓦片坐标系是瓦片地图的组织框架,现在我们来详细探讨OpenLayers中的瓦片坐标系,从而让我们在加载各种瓦片地图的过程中能得心应手。一、...

2019-07-10 12:30:52 5134 3

原创 OpenLayers教程十二:多源数据加载之使用XYZ的方式加载瓦片地图

目录一、XYZ方式加载瓦片地图简介二、使用XYZ方式加载OpenStreetMap三、使用XYZ方式加载高德地图四、使用XYZ方式加载雅虎地图(Yahoo)一、XYZ方式加载瓦片地图简介 前面已经讲过瓦片地图使用金字塔结构组织瓦片,可以说这是一个三维的结构,使用XYZ这样的坐标来精确定位一张瓦片。即Z用于表示地图层级,XY表示某个层级内的平面,X为横坐标,Y为纵坐标,...

2019-07-07 12:09:10 9562 7

原创 OpenLayers教程十一:多源数据加载之用最简单的方式加载瓦片地图

目录一、加载OpenStreetMap二、加载Stamen Map三、加载Bing Map OpenLayers封装了一些瓦片地图源类用于加载瓦片地图,这些类包括:ol.source.OSM —— 用于加载OpenStreetMap ol.source.Stamen —— 用于加载Stamen Map ol.source.BingMaps ...

2019-07-06 13:10:53 1906

原创 OpenLayers教程十:多源数据加载之瓦片地图原理二

目录一、瓦片计算1.1、切片方式1.2、瓦片数量计算1.3、瓦片坐标系二、分辨率2.1、分辨率简介2.2、Web墨卡托投影坐标系中的分辨率2.3、OpenLayers默认使用的分辨率一、瓦片计算1.1、切片方式 如果对整个地球图片进行切片,需要考虑的是整个地球图片大小,以及切片规则,切片(瓦片)大小。 对于WebGIS而言,在线地图几乎...

2019-07-05 11:16:49 3100

原创 OpenLayers教程九:多源数据加载之瓦片地图原理一

目录一、瓦片地图简介二、LOD一、瓦片地图简介 瓦片地图(也叫切片地图)源于一种大地图解决方案,就是在多个比例尺下配置地图,然后提前把每个比例尺下的地图绘制为小块图片(瓦片),保存在服务器上用于缓存的目录中。这样客户端在访问地图时,可以直接获取需要的小块图片拼接成整幅地图,而不是由服务器动态创建(实时创建)出一幅图片再发送到客户端,从而极大提高了访问速度。 瓦片地图...

2019-07-03 20:52:47 3246

原创 OpenLayers教程八:多源数据加载之数据组织

数据是GIS的血液,可以说GIS应用系统的几乎所有活动与行为都围绕数据展开。那么在GIS对数据加载、存储、分析与操作这几个过程中,我们首先讨论在由OpenLayers构建的WebGIS系统中,数据如何合理加载。 随着WebGIS应用的不断发展,目前出现了大量网络地图服务资源,包括国外互联网公司的Google地图、Bing 地图、Yahoo 地图,国外的开源地图OpenSt...

2019-07-02 15:23:39 2633

原创 OpenLayers教程七:自己实现图层切换控件

OpenLayers并没有封装图层切换的控件,所以我们需要自己来实现图层控件。 自定义图层切换控件的原理很简单:显示某个图层时,将其他图层隐藏。 完整代码: layerSwitch.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UT...

2019-07-01 12:03:56 6856 4

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除