随笔分类 - GIS / Openlayers学习
摘要：openlayers监听获取鼠标坐标位置 map.on("pointermove", function (event) { const coordinate = event.coordinate; const transformedCoord = ol.proj.transform( coordin
阅读全文
摘要：注意Openlayer的版本 Openlayer是支持直接加载矢量图层的，如下 图层会没有样式渲染 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=
阅读全文
摘要：此示例使用静态图像 作为图层源。地图视图配置了自定义投影，可将图像坐标直接转换为地图坐标。
阅读全文
摘要：两张地图（一张公路，一张影像）共享相同的中心、分辨率和旋转。
阅读全文
摘要：此示例使用postrender事件侦听器对围绕指针位置的圆圈中的图像进行过采样。
阅读全文
摘要：这演示geometryFunction了ol/interaction/Draw. 从上面的下拉列表中选择一种形状类型以开始绘制。
阅读全文
摘要：这个例子演示了ol/interaction/Draw徒手模式。在徒手绘图期间，在拖动时添加点。设置freehand: true为启用手绘模式。
阅读全文
摘要：编辑地图、绘制地图
阅读全文
摘要：按住Shift+Drag可旋转和缩放。点击右上角的按钮进入全屏。然后再做这Shift+Drag件事。
阅读全文
摘要：单击右上角的控件以全屏显示。再次单击它以退出全屏。
阅读全文
摘要：此示例演示如何使用其支持的选项以及定义自定义 CSS 来自定义鹰眼图控件
阅读全文
摘要：当你想根据应用程序状态的一些变化来改变 WebGL 瓦片层的样式时，你应该使用该layer.updateStyleVariables()方法。即使在每个渲染帧上更改样式变量，也可以有效地渲染图层。在需要完全替换图层样式的情况下，可以调用该layer.setStyle()方法。不应调用此方法来响应频繁的用户事件（例如鼠标移动、拖动滑块等）。
阅读全文
摘要：匿名地图。两个图层，一个是底图，另外一个图层是根据条件查询显示地图范围。
阅读全文
摘要：黑色网格瓦片是在客户端使用HTML5 canvas生成的。显示的贴图坐标是XYZ贴图坐标。
阅读全文
摘要：这个例子展示了如何使用DragBox交互来选择功能。选中的特性被添加到选中交互(ol/interaction/ select)的特性叠加层中以高亮显示。
阅读全文
摘要：当地图因调整大小而变得太小时，属性将被折叠。这是因为当地图的宽度小于600像素时，可折叠选项被设置为true。
阅读全文
摘要：ol.source.XYZ支持的ArcGIS REST tile服务具有定制的tile大小和投影
阅读全文
摘要：当视图范围改变时，这个例子会从ArcGIS REST Feature Service加载新特性。
阅读全文
摘要：实现图标或者其它的图片资源，固定在窗口某个位置或者绑定某个经纬度坐标进行显示
阅读全文
