openlayer
关注
分享
扫一扫
文章平均质量分 73
Lucky_wangtao
这个作者很懒，什么都没留下…
展开
-
openlayer 测量
测量可以对地图进行操作，用户手动选择几个点，侧面积和测长度该getLength()和getArea()功能计算几何球形长度和面积。通过假设几何坐标之间的大圆段来计算长度。计算面积，就好像多边形的边是大圆段一样。请注意，geometry.getLength()和geometry.getArea()方法返回投影（平面）几何的度量。这些可能与某些情况下的实地测量非常不同 - 例如在使用W...原创 2018-07-25 10:04:29 · 747 阅读 · 0 评论 -
openlayer 阴影查看
在这种情况下，单个平铺的高程数据源用作输入。阴影浮雕在单个“图像”操作中计算。通过设置 operationType: 'image'栅格源，使用ImageData每个输入源的对象调用操作。还使用通用data对象调用操作。在此示例中，来自上述输入的太阳高程和方位角数据将分配给此data对象，并在着色操作中访问。着色操作返回一个ImageData 对象数组。当光栅源由图像层使用...原创 2018-07-26 18:25:15 · 638 阅读 · 0 评论 -
openlayer 多个图层加载
<!DOCTYPE html><html> <head> <title>Layer Groups</title> <link rel="stylesheet" href="https://openlayers.org/en/v5.1.3/css/ol.css" type=&q原创 2018-07-26 18:28:44 · 4509 阅读 · 0 评论 -
通过wfs查询要素
通过wfs查询要素一切都准备好了，现在终于可以通过ol3加载配置好的数据了。上一节中最后的预览结果，大家已经看到了，此处我们自己通过ol3来实现这个预览页面，效果图如下：对应的代码如下：<html><head> <title>wfs demo</title> <link rel="stylesheet" href=...原创 2018-08-09 11:34:31 · 1918 阅读 · 0 评论 -
通过wfs修改要素
通过wfs修改要素在查询的基础上，本小节我们更进一步对界面上呈现的要素进行修改，然后通过wfs协议保存到服务器端。界面效果如下:在界面上方，先点击查询按钮，通过wfs协议把所有的要素查询到前端界面上显示，然后选择复选框编辑，就可以选择界面上的线段，进行编辑，比如把直线编辑成W形状，然后点击按钮保存，就可以把编辑后的线段保存下来。在点击保存按钮之前，请打开开发者面板，然后再点击保存，...原创 2018-08-09 11:35:41 · 2668 阅读 · 1 评论 -
通过wfs添加要素
通过wfs添加要素现在我们该介绍一下如何在前端绘制一个新的要素，并且保存到服务器端。还是先看一下界面：勾选新增复选框之后，就可以在界面上绘制新的线段，如图，绘制了一个W形状的线，绘制完成后，点击按钮保存就可以把界面上新增的线保存到服务器端，在开发者工具界面可以看到http请求: http://localhost:8080/geoserver/wfs?service=wfs，请求发送的内...原创 2018-08-09 11:36:11 · 2078 阅读 · 0 评论 -
通过wfs删除要素
通过wfs删除要素删除feature是wfs协议中的最后一个例子了，和之前的修改，添加差不多，大同小异。还是先看界面：选择查询按钮，把所有的feature加载到前端，然后勾选选择复选框，就可以在地图上选择要删除的feature，图示选择之前添加的W形状的线条，然后点击删除选中Feature按钮，就可以把feature删除掉。在开发者工具窗口里面可以看到删除feature的http请...原创 2018-08-09 11:36:37 · 1308 阅读 · 0 评论 -
openlayer——LOD原理
LOD原理在详细讲解之前，假设给你两张A4纸，在其中一张纸上把你家整个绘制上去，在另一张纸上只把你睡的房间绘制上去。如果别人想看你家，你会给哪一张纸？如果想看你睡的房间，你会给哪一张纸？ 相信你不会给错，LOD就是这种根据不同需要，采用不同图的技术方案。在地图应用中，最直观的体验，就是地图放大缩小。当地图放大后，能看到更详细的地理信息，比如街道，商店等等。当地图缩小再缩小，原来能看到的街道，商...原创 2018-08-09 11:38:24 · 439 阅读 · 0 评论 -
openlayer——分辨率
分辨率前面简单提到过，分辨率是屏幕坐标和世界坐标的纽带，通过它，才能知道你在屏幕上用鼠标点击的位置对应于世界地图具体的经纬度位置。 当然你不用自己来做这个计算，OpenLayers 3的ol.Map已提供了对应的方法getCoordinateFromPixel来帮助你实现坐标转换。 你可能经常使用这个函数，但却不知道背后是怎样的一个原理，本小节将理清其中的来龙去脉。上一节说到了每一个层级，...原创 2018-08-09 11:39:44 · 2765 阅读 · 0 评论 -
openlayer 鹰眼插件
此示例演示如何使用其支持的选项自定义overviewmap控件以及定义自定义CSS。您还可以使用shift键旋转地图，以查看总览图的反应方式<!DOCTYPE html><html> <head> <title>Custom Overview Map</title> <link rel="sty...原创 2018-07-26 09:04:30 · 1108 阅读 · 0 评论 -
openlayer 缩放滑块
openlayer 缩放滑块 <!DOCTYPE html><html> <head> <title>Zoom Sliders</title> <link rel="stylesheet" href="https://openlayers.org/en/v5.1.3/css/ol.css原创 2018-07-26 08:47:35 · 642 阅读 · 0 评论 -
openlayer 图层滑动
图层滑动图层滑动贴图的示例。 <!DOCTYPE html><html> <head> <title>Layer Swipe</title> <link rel="stylesheet" href="https://openlayers.org/en/v5.1.3/css/ol.cs原创 2018-07-25 09:55:35 · 393 阅读 · 0 评论 -
openlayer 全屏控制
全屏控制单击右上角的控件以全屏显示。再次单击它以退出全屏。如果地图上没有按钮，则您的浏览器不支持全屏API。<!DOCTYPE html><html> <head> <title>Full Screen Control</title> <link rel="stylesheet" href..原创 2018-07-25 09:18:37 · 2348 阅读 · 0 评论 -
openlayer Overlay
弹出窗口是使用Bootstrap中的Popovers创建的。<!DOCTYPE html><html> <head> <title>Overlay</title> <link rel="stylesheet" href="https://openlayers.org/en/v5.1.3/cs原创 2018-07-25 09:15:42 · 611 阅读 · 0 评论 -
openlayer 图像矢量图层
图像矢量图层ATA：南极洲此示例使用ol/layer/Vector`renderMode：'image'。此模式在交互和动画期间导致更快的渲染，但代价是渲染不太准确。<!DOCTYPE html><html> <head> <title>Image Vector Layer</title> &l...原创 2018-07-25 09:10:43 · 802 阅读 · 0 评论 -
openlayer WMS GetFeatureInfo（图层）
WMS GetFeatureInfo（图层）所有功能： 6 酒店特色： 2 餐厅特色： 4 演示layers在ol/format/WMSGetFeatureInfoformat对象中使用该选项，该选项允许单个WMS GetFeatureInfo请求返回的功能要求按层名读取多个图层。<!DOCTYPE html><html> &l...原创 2018-07-25 09:04:05 · 1675 阅读 · 1 评论 -
openlayer 拖动，旋转和缩放
拖动，旋转和缩放<!DOCTYPE html><html> <head> <title>Drag, Rotate, and Zoom</title> <link rel="stylesheet" href="https://openlayers.org/en/v5.1.3/css/ol.css&原创 2018-07-25 09:01:23 · 1875 阅读 · 0 评论 -
openlayer Tiled ArcGIS MapServer
Tiled ArcGIS MapServer此示例显示如何将ArcGIS REST MapService用作切片。此源类型支持地图和图像服务。对于缓存的ArcGIS服务，可以使用更好的性能ol/source/XYZ。 Copy<!DOCTYPE html><html> <head> <title>Tiled ArcGI...原创 2018-07-25 08:55:13 · 326 阅读 · 0 评论 -
openlayer 绘制和修改要素
绘制和修改要素<!DOCTYPE html><html> <head> <title>Draw and Modify Features</title> <link rel="stylesheet" href="https://openlayers.org/en/v5.1.3/css/ol.c原创 2018-07-26 08:39:24 · 1847 阅读 · 2 评论 -
openlayer 加载WFS服务
openlayer 加载WFS服务 <!DOCTYPE html><html> <head> <title>WFS</title> <link rel="stylesheet" href="https://openlayers.org/en/v5.1.3/css/ol.css"原创 2018-07-26 08:44:06 · 1331 阅读 · 0 评论 -
OpenLayers 比较有用的对象和属性
OpenLayers 比较有用的对象和属性1.ol.interaction.Pointer 是管理地图down、move、up事件的基类，也用于管理地图拖拽事件。 构造函数结构如下：new ol.interaction.Pointer(opt_options) options包括的属性有： handleDownEvent：处理地图的down事件。如果...原创 2018-08-09 11:42:02 · 1054 阅读 · 0 评论