婉儿hye的博客_Openlayers学习

OpenLayers小白入门

OpenLayers是一个用于开发WebGIS客户端的JavaScript包。

图层

数据源

html

原创 7月前 139 阅读

Openlayers示例21 | Static Image(静态图像)

此示例使用静态图像作为图层源。地图视图配置了自定义投影，可将图像坐标直接转换为地图坐标。

html

css

自定义

原创 7月前 36 阅读

openlayers | ol.Overlay实现点击地图图标，图标跳动

要在地图上显示并附加到单个地图位置的元素。就像module:ol/control/Control~Control，叠加层是

html

控件

css

原创 9月前 180 阅读

Openlayers示例9 | Box Selection

这个例子展示了如何使用DragBox交互来选择功能。选中的特性被添加到选中交互(ol/interaction/ select)的特性叠加层中以高亮显示。

html

css

json

原创 9月前 56 阅读

Openlayers示例12 | Change Tile Layer Style

当你想根据应用程序状态的一些变化来改变 WebGL 瓦片层的样式时，你应该使用该layer.updateStyleVariables()方法。即使在每个渲染帧上更改样式变量，也可以有效地渲染图层。在需要完全替换图层样式的情况下，可以调用该layer.setStyle()方法。不应调用此方法来响应频繁的用户事件（例如鼠标移动、拖动滑块等）。

图层

css

html

原创 9月前 77 阅读

Openlayers示例16 | Geographic Editing(地图编辑、绘制)

编辑地图、绘制地图

html

css

json

原创 9月前 451 阅读

Openlayers示例20 | Shared Views(共享视图)

两张地图（一张公路，一张影像）共享相同的中心、分辨率和旋转。

css

html

github

原创 9月前 60 阅读

Openlayers示例2 | Advanced Mapbox Vector Tiles

矢量瓦片地图，设置要重用瓦片缩放级别，在后续缩放级别中重用相同的源瓦片，以节省移动设备上的带宽。

缩放

html

css

原创 9月前 60 阅读

Openlayers示例5 | ArcGIS REST Feature Service(未成功)

当视图范围改变时，这个例子会从ArcGIS REST Feature Service加载新特性。

json

css

html

原创 9月前 41 阅读

Openlayers示例8 | Bing Maps

实现地图底图的切换

html

占位符

css

原创 9月前 91 阅读

Openlayers示例13 | Custom Overview Map(鹰眼图)

此示例演示如何使用其支持的选项以及定义自定义 CSS 来自定义鹰眼图控件

css

自定义

html

原创 9月前 84 阅读

Openlayers示例14 | Full Screen Control(全屏查看)

单击右上角的控件以全屏显示。再次单击它以退出全屏。

html

css

控件

原创 9月前 459 阅读

Openlayers示例17 | Freehand Drawing(手绘)

这个例子演示了ol/interaction/Draw徒手模式。在徒手绘图期间，在拖动时添加点。设置freehand: true为启用手绘模式。

html

css

.net

原创 9月前 110 阅读

Openlayers示例18 | Draw Shapes(绘制形状)

这演示geometryFunction了ol/interaction/Draw. 从上面的下拉列表中选择一种形状类型以开始绘制。

css

html

下拉列表

原创 9月前 26 阅读

Openlayers示例19 | Magnify(放大)

此示例使用postrender事件侦听器对围绕指针位置的圆圈中的图像进行过采样。

html

css

.net

原创 9月前 38 阅读

Openlayers示例6 | ArcGIS REST with 512x512 Tiles

ol.source.XYZ支持的ArcGIS REST tile服务具有定制的tile大小和投影

css

html

github

原创 9月前 36 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区

51CTO博客

echohye

OpenLayers小白入门

Openlayers示例21 | Static Image(静态图像)

openlayers | ol.Overlay实现点击地图图标，图标跳动

Openlayers示例9 | Box Selection

Openlayers示例12 | Change Tile Layer Style

Openlayers示例16 | Geographic Editing(地图编辑、绘制)

Openlayers示例20 | Shared Views(共享视图)

Openlayers示例2 | Advanced Mapbox Vector Tiles

Openlayers示例5 | ArcGIS REST Feature Service(未成功)

Openlayers示例8 | Bing Maps

Openlayers示例13 | Custom Overview Map(鹰眼图)

Openlayers示例14 | Full Screen Control(全屏查看)

Openlayers示例17 | Freehand Drawing(手绘)

Openlayers示例18 | Draw Shapes(绘制形状)

Openlayers示例19 | Magnify(放大)

Openlayers示例6 | ArcGIS REST with 512x512 Tiles