openlayers 中的一些方法

最新推荐文章于 2024-05-17 23:12:38 发布
最新推荐文章于 2024-05-17 23:12:38 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： WEBGIS 文章标签： div null

initialize：创建层Div，注册事件

destroy：注销

clone：克隆当前层

setName：设置层name

addOptions：添加附属属性

onMapResize：虚函数。由子函数实现。

redraw：重画

moveTo：移动。（未实现有意义动作）

setMap：设置层所属的地图

removeMap：移除地图。虚函数，由子函数实现

getImageSize：返回图片尺寸

setTileSize：设置瓦片尺寸和图片尺寸

getVisibility：返回层可见性

setVisibility：设置层的可见性

display：显示或隐藏层

calculateInRange：本层分辨率是否在地图分辨率容纳范围内

setIsBaseLayer：设置或取消该层为BaseLayer

initResolutions：初始化分辨率相关数据

getResolution：取当前分辨率

getExtent：取地图当前范围

getZoomForExtent：由尺寸范围得缩放级别

getDataExtent：取本层的范围边界，虚函数由子函数实现

getResolutionForZoom：由缩放级别得分辨率

getZoomForResolution：由分辨率得缩放级别

getLonLatFromViewPortPx：视口坐标转经纬度

getViewPortPxFromLonLat：经纬度转视口坐标

setOpacity：设置层的透明度（包括其所以子节点，即图片）

setZIndex：设置层的z轴值

adjustBounds：边界校正

---------------------------

OpenLayers.Map：

initialize：初始化。瓦片尺寸、地图最大范围、弹出窗口边界、主题样式、创建地图Dom元素、创建视窗Div、
创建层容器Div、更新地图Div尺寸、注册事件、添加Control

destroy：销毁Control、销毁层、移除视口Div、注销监听事件

setOptions：设置附件参数

getTileSize：返回瓦片尺寸

getBy：使用指定的规则对队列的某属性匹配出一组对象

getLayersBy：使用指定的规则对地图的层的某属性匹配出一组对象

getLayersByName：使用指定的规则对地图的层的名字匹配出一组对象

getLayersByClass：使用指定的规则对地图的层的类名匹配出一组对象

getControlsBy：使用指定的规则对地图的control匹配出一组对象

getControlsByClass：使用指定的规则对地图的control的类名匹配出一组对象

getLayer：根据id由层堆栈中检索层

setLayerZIndex：设置z轴值

resetLayersZIndex：重置所有层的z轴值（按其在堆栈中的位置设置）

addLayer：增加层

addLayers：批量增加层

removeLayer：移除层

getNumLayers：返回层数目

getLayerIndex：返回指定层在地图的层堆栈中的位置

setLayerIndex：设置指定层在地图的层堆栈中新的位置（ZIndex），并触发层次序改变事件

raiseLayer：向上或下调整层的次序

setBaseLayer：设置新的BaseLayer，隐藏原BaseLayer

addControl：添加Control

addControlToMap：将Control加进地图

getControl：返回指定id的Control

removeControl：移除Control

addPopup：新增弹出窗口。参数：popup弹出窗口, exclusive排它即移除其它弹出窗口

removePopup：移除弹出窗口

getSize：视口尺寸

updateSize：更新地图Div尺寸

getCurrentSize：取地图Div当前尺寸

calculateBounds：由地图中心坐标（经纬度）、视口尺寸和解析度计算出一块区域

getCenter：地图中心点坐标（经纬度）

getZoom：当前缩放级别

pan：移动地图 w

panTo：地图中心按指定的方式平滑移动到新的坐标

setCenter：重新设置地图中心、缩放比例

moveTo：移动地图。到指定的经纬度、缩放比例、附件参数。如果目标点和缩放比例对应的边界范围超过了地图拖拽约束范围
则修正目标点坐标。触发事件

centerLayerContainer：将地图的层容器Div的中心点移动到指定点

isValidZoomLevel：判断是否有效缩放级别

isValidLonLat：判断是否是有效的经纬度（非null，在MaxExtent之内）

getProjection：返回投影对象代码。3.0版本将改成返回投影对象

getProjectionObject：返回baseLayer的投影对象

getMaxResolution：返回baseLayer的最大分辨率

getMaxExtent：地图中心最大可移动区域（经纬度）

getNumZoomLevels：返回baseLayer的缩放级别数

getExtent：地图中心所在区域（经纬度）、视口尺寸乘以解析度

getResolution：地图当前解像度

getScale：返回Scale的缩放比例

getZoomForExtent：由范围得缩放比例

getResolutionForZoom：由缩放比例得分辨率

getZoomForResolution：由分辨率得缩放比例

zoomTo：改变地图缩放比例

zoomIn：放大1个级别

zoomOut：缩小1个级别

zoomToExtent：缩放到给定的边界范围

zoomToMaxExtent：放大到最大范围

zoomToScale：缩放到给定的尺寸

getLonLatFromViewPortPx：视口坐标转地图坐标

getViewPortPxFromLonLat：地图坐标转成视口坐标

getLonLatFromPixel：像素点转经纬度

getPixelFromLonLat：经纬度转像素点

getViewPortPxFromLayerPx：层中的坐标转视口坐标

getLayerPxFromViewPortPx：视口坐标转层坐标

getLonLatFromLayerPx：层坐标转经纬度

getLayerPxFromLonLat：经纬度转层坐标

冷月宫主
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Openlayers 教程 27 - 获取地图中心点、范围以及缩放等级
linzi19900517的博客
08-30 1298
Openlayers 教程 - 获取地图中心点、范围以及缩放等级。
Openlayers显示瓦片网格信息的方法
01-18
本文实例为大家分享了Openlayers显示瓦片网格信息的具体代码，供大家参考，具体内容如下 1、新建一个html页面，引入ol.js文件，然后在body中创建一个div标签，用来作为地图加载的容器； 2、代码实现 <!DOCTYPE ...
Openlayers显示地理位置坐标的方法
01-18
本文实例为大家分享了Openlayers显示地理位置坐标的具体代码，供大家参考，具体内容如下 1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图和鼠标位置控件的容器； 2、代码实现 <!DOCTYPE html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equiv=Content-Type content=text/html; charset=utf-8/> <title></title> <script src=../lib/ol/
OpenLayers加载缩放控件使用方法详解
01-18
本文实例为大家分享了OpenLayers加载缩放控件使用的具体代码，供大家参考，具体内容如下 1、一般的地图打开都有放大、缩小和全图的导航条，以便于用户对地图的查看，下面我们将在OpenLayers中实现这一功能； 2、在之前创建的空白站点下面新建一个html的页面，引入ol.js和ol.css文件，然后在body标签中创建一个div，作为地图加载的容器； 3、代码实现 <!DOCTYPE html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equiv=Content-Type content=text
vue3 + openlayers---底图切换
QDxin_xyz的博客
05-17 70
【代码】vue3 + openlayers---底图切换。
WebGIS开发教程：Openlayers常见功能实现
GIS前端嘉欣的博客
09-20 489
Openlayers如何实现交互式绘制，创建矢量图层和矢量数据源 - 创建画布，创建画笔，激活画笔
openlayers基础（一)——Map
weixin_30500289的博客
09-18 2342
openlayers是一个开源免费的js库，用于在网页中实现地图的动态显示和交互。一起看看官方对openlayers的介绍。 OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and marker...
获取openlayer图层中的范围 Extent
TianKongDeTangGuo的博客
01-05 1986
foolerPolygon 为图层 foolerPolygon.getSource().getExtent()
20220607 openlayer获取Polygon的中心点
qq_38983199的博客
06-07 1580
openlayer获取polygon的中心点
openlayer4中，地图通过extent缩放至范围。
liuxu1875的博客
03-08 1万+
//地图缩放，通过extent范围 extent数据类型为int数组，不能为字符串，如果为字符串则先转换为int数组。 function zoomToExtent(extent) { var MapZoom = extent; var mapPadding = [20, 10, 20, 10]; // alert(isArrayFn(extent)); if (is...
openlayers中实现圈选、多边形选择点要素
shaoxxxxx的博客
11-13 1506
/** 添加画图圈圈 */ function drawInteraction(Googlemap,features,layers) { var source = new SourceVector({ features: features, }) var draw = new olInteraction.Draw({ source: source, type:“Polygon”, //为多边形 Circle 为圆形 }); Googlemap.addInteraction(draw); d
OpenLayers系列： 切换地图div加载不同地图数据时，需要销毁destroy div
浪潮行舟_chenjin2136
04-21 1800
这是因为OpenLayers在初始化地图实例时会对其所绑定的DOM元素进行一些处理和操作，如果直接将之前的地图实例与新的DOM元素绑定或者多次绑定同一个DOM元素，可能会导致地图显示异常或出错。在查阅资料过程中，了解到在使用OpenLayers切换地图div时，需要先销毁之前的地图实例，并将其与之前的DOM元素解绑，再创建新的地图实例并与新的DOM元素绑定。如果地图无数据，直接进行地图的加载，如果地图存在数据，先进行清空，再进行地图的加载。因此，在切换地图div之前需要调用之前地图实例的。
openlayers飞行路线计算方法
最新发布
05-31
openlayers飞行路线计算方法
OpenLayers3加载常用控件使用方法详解
10-14
主要为大家详细介绍了OpenLayers3加载常用控件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
openLayers6系列理论基础——Map篇
happy81997的博客
04-23 1525
openLayers系列理论基础——Map篇 最近开源GIS这块尝试的比较多，leaflet、ol等都接触了一下，主要是因为项目中有需求，想了解下这些开源的GIS到底哪些好用。学习一个新的API，首先就是撸官网，查找各种API的具体用法。 ol开发首先离不开的就是map，map是一切操作的开始，下面具体介绍下map这个api。 一、map基本构成 layer：管理图层的...
openlayers6【二】Map地图详解，初始化一个map地图
@必意玲
04-02 8171
openlayers 6【二】vue 初始化map地图详解
OpenLayers Api 中文文档 1Map
GAlbinus的博客
05-19 4354
OpenLayers Api 官网翻译 中文文档 1Map
OpenLayers入门-第一篇、基本概念与核心组件
球球不吃虾WHR2349博客
04-24 9147
学习一下openlayers里面的一些基本概念，npm地址。 npm install ol OpenLayers是一个高性能、功能丰富的库，用于在web上创建交互式地图。它可以显示地图瓷砖，矢量数据和标记加载从任何来源在任何网页。OpenLayers的开发是为了进一步使用各种地理信息。它是完全免费的，开源JavaScript。 1.Map A map is made of layers, a view to visualize them, interactions to modify map co
openlayers入门教程
热门推荐
weixin_43239880的博客
06-06 1万+
openlayers基础入门到实战平铺图层。对于提供预呈现、平铺的网格图像的层源，这些网格按特定分辨率的缩放级别组织。图像图层。服务器呈现的映像，可用于任意范围和分辨率。(3)ol.layer.Vector()很常用矢量图层。矢量平铺图层。图层用于客户端呈现矢量平铺数据。
openlayers 常用地方方法
06-10
以下是 OpenLayers 中常用的一些地图方法： 1. 创建地图对象 ``` var map = new ol.Map({ target: 'map', // 地图容器元素的 id layers: [...], // 地图图层 view: new ol.View({ center: [0, 0], // 地图中心点坐标 zoom: 2 // 地图缩放级别 }) }); ``` 2. 添加图层 ``` var layer = new ol.layer.Tile({ source: new ol.source.OSM() }); map.addLayer(layer); ``` 3. 设置地图中心点和缩放级别 ``` map.getView().setCenter([lon, lat]); map.getView().setZoom(zoom); ``` 4. 添加标注 ``` var marker = new ol.Feature({ geometry: new ol.geom.Point([lon, lat]), name: 'Marker' }); var markerLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: [marker] }) }); map.addLayer(markerLayer); ``` 5. 添加矢量图层 ``` var vectorLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: [...] }), style: new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'blue', width: 3 }), fill: new ol.style.Fill({ color: 'rgba(0, 0, 255, 0.1)' }) }) }); map.addLayer(vectorLayer); ``` 6. 监听地图事件 ``` map.on('click', function(evt) { console.log('Map clicked at ' + evt.coordinate); }); ``` 7. 缩放地图 ``` map.getView().setZoom(map.getView().getZoom() + 1); // 放大地图 map.getView().setZoom(map.getView().getZoom() - 1); // 缩小地图 ``` 8. 平移地图 ``` map.getView().setCenter([lon, lat]); // 移动地图中心点 ``` 9. 获取地图当前范围 ``` var extent = map.getView().calculateExtent(map.getSize()); // 获取地图当前范围 ``` 10. 图层切换 ``` layer.setVisible(true); // 显示图层 layer.setVisible(false); // 隐藏图层 ``` 这些方法只是 OpenLayers 中的一部分，还有很多其他的方法可以根据不同的需求进行调用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值