openlayers layer 中心点

2024-11-03

openlayer 5 获取中心点

之前在控制台把map对象打印出来后,有一个很像中心点坐标map.focus_.我可以确定的告诉大家,这个不是中心点坐标,检查出来的结果是地图中心最右的点位. 在创建地图时,会将中心点左边写在view中,那么获取中心点坐标也是在view中在官网中View中有一个事件--calculateExtent(opt_size) 官网中是这么介绍的 Calculate the extent for the current view state and the passed size. The size i

OpenLayers中的Layer概念和实践--Openlayers调用WMS服务

整理转自:http://hi.baidu.com/lixuweiok/item/c406a4e6a6d390e7fa42ba4b 本章我认为是这本书的真正开端,终于开始讲一些有意思的东西了.. 在这一章中我们将要学到什么是OpenLayers中的Layer(图层) 基层和覆盖层之间的区别学习Layers对象,以及对象上的属性学习WMS Layer类了解Layer对象描述的属性讲解其他的Layer类讲解Layer中的方法什么是Layer 书上有个例子,说如果我们有两个透明的玻璃板,一

Openlayers中layer介绍

1.base layers & overlay layers base layer:最底层的layer,其它的图层是在他之上,最先增加的图层默认作为base layer. overlay layer:不是base layer的layer就是overlay layer 2.使用layer的步骤: 创建layer 把layer加入到Map中,能够用map.addlayer(layer)或map.addLayers([layer1,layer2,.....] 3.例子:创建一个多图层的地图 <!D

OpenLayers Map理解

1,视口坐标的原点在左上角,水平向右为x轴正向,垂直向下为y 轴正向:2,地图坐标原点为初始图层的中心点,水平向右为x轴正向,垂直向上为y轴正向:3,视口中心点永远与地图中心点重合,不一定与瓦片中心点重合:4,拖动图层的逻辑描述:地图是不动的,视口移动从而展示不同的地图区域: Resolution:解析度 = 地图尺寸/视口尺寸好比摄像机,镜头拉得越近解析度越小,地图看得越清晰. map.calculateBounds():地图当前被查看区域边界map.centerLayerContaine

openlayers方法总结

openlayers中的一些方法:OpenLayers.Layer::initialize:创建层Div,注册事件:destroy:注销:clone:克隆当前层:setName:设置层name:addOptions:添加附属属性:onMapResize:虚函数:redraw:重画:moveTo:移动:setMap:设置层所属的地图:removeMap:移除地 openlayers 中的一些方法 OpenLayers.Layer: initialize:创建层Div,注册事件 destroy:

OpenLayers介绍和第一个例子(转载)

什么是OpenLayers? 作者:田念明出处:http://www.cnblogs.com/nianming/本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. OpenLayers是用于制作交互式Web地图的开源客户端JavaScript类库,制作的地图几乎可以在所有的浏览器中查看.因为是客户端类库,它不需要特殊的服务器端软件或配置,甚至不用下载任何东西就可以使用它.OpenLayers最初由Metacarta

使用OpenLayers发布地图

OpenLayers是用于制作交互式Web地图的开源客户端JavaScript类库,制作的地图几乎可以在所有的浏览器中查看.因为是客户端类库,它不需要特殊的服务器端软件或配置,甚至不用下载任何东西就可以使用它.OpenLayers最初由Metacarta开发,现在它已经成为一个拥有众多开发者和帮助社区的成熟.流行的框架. 下载OpenLayers OpenLayers的官方网址为:http://openlayers.org/ 1.打开官网,可以看到目前OpenLayers的最新版本是2.12,直

HTML5 网络拓扑图整合 OpenLayers 实现 GIS 地图应用

在前面<百度地图.ECharts整合HT for Web网络拓扑图应用>我们有介绍百度地图和 HT for Web 的整合,我们今天来谈谈 OpenLayers 和 HT for Web 的整合. HT for Web作为逻辑拓扑图形组件自身没有GIS功能,但可以与各种GIS引擎即其客户端组件进行融合,各取所长实现逻辑拓扑和物理拓扑的无缝融合,本章将具体介绍HT for Web与开发免费的OpenLayers地图结合应用的关键技术点,该文介绍的结合的原理,其实还可推广到与ArcGIS.百度地图

OpenLayers.2.10.Beginners.Guide---第一章

从网上下载openlayers2,解压取得img theme 文件夹和openlayes.js文件.放在同一文件夹下用phpstorm打开. 创建index.html-------------每一行都有注释 <!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'/> <title>My OpenLayers Map</title> <script type='t

OpenLayers图形与列表互动

项目上遇到这样一种需求:查询数据库后得到结果(带地理位置的)列表,每个结果在地图上都是一个四边形,四边形之间有交叉,有重叠,需要实现地图上的四边形和结果列表的互动.抛开其他逻辑功能,互动需求可以表示为如下两点意思: 1.点击地图上的四边形,被点击的(或者说被选中的)四边形会由蓝色变成绿色,结果列表中对应项会被打钩选中: 2.反过来,点击结果列表中的复选框,被打钩选中的结果对应的地图上的四边形会随之由蓝色变成绿色,取消打钩选中,则绿色还原成蓝色. (约定:查询结果四边形用蓝色表示,被选中的四边形用

Openlayers简介

OpenLayers 是由MetaCarta公司开发的,用于WebGIS客户端的 JavaScript包,目前的最高版本是2.5 V,通过BSD License 发行.它实现访问地理空间数据的方法都符合行业标准,比如 OpenGIS的WMS和WFS规范, OpenLayers采用纯面向对象的JavaScript方式开发,同时借用了Prototype框架和 Rico库的一些组件. 采用OpenLayers作为客户端不存在浏览器依赖性.由于OpenLayers采用JavaScript语言实现,而应用

Openlayers+Geoserver（一）：项目介绍以及地图加载

项目验收完,趁着事情不是很多,对这个项目进行梳理.我主要负责地图模块,网站其他模块主要有两个,一个是报表,主要是100多张报表,技术没有难度,主要是工作量的问题.另一个是数据的校验,就是校验数据的冲突. 现在主要介绍地图,地图主要使用openlayers+geoserver,通过Geoserver加载路线以及点状物的shape数据,将各个图层形成一个图层组,页面前端用openlayers加载该图层组,然后对此图层组进行查询.这样做的好处就是,如果有新的图层增加,如

HT for Web整合OpenLayers实现GIS地图应用

HT for Web作为逻辑拓扑图形组件自身没有GIS功能,但可以与各种GIS引擎即其客户端组件进行融合,各取所长实现逻辑拓扑和物理拓扑的无缝融合,本章将具体介绍HT for Web与开发免费的OpenLayers地图结合应用的关键技术点,该文介绍的结合的原理,其实还可推广到与ArcGIS.百度地图以及GoogleMap等众多GIS地图引擎融合的解决方案. 以上抓图为本文介绍的例子最终运行效果,接下来我们一步步来实现,首选显示地图信息需要有城市经纬度数据,搜索了下感谢此篇博客提供的数据.这么大量

OpenLayers中的图层

OpenLayers有多个不同的图层类,每一个都可以连接到不同的地图服务器.例如通过Layer.WMS类可以连接到WMS地图服务器,通过Layer.Google类可以连接到谷歌地图服务器.OpenLayers中的每个图层都是独立的,对一个的操作不会影响到另外一个. 不管地图应用的目的是什么,一个有用的地图至少需要有一个图层,至少一个基底图层.其他基底图层之上的图层称之为叠加图层.基底图层和叠加图层是OpenLayers中的两种图层类型. 基底图层基底图层在图层列表的最下方,其他图层都在其之上.

[GeoServer]Openlayers简单调用

Openlayers Demo: <html> <head> <title>OpenLayers Example</title> <script src="OpenLayers.js"></script> </head> <body> <style type="text/css"> .Third{ margin: 10px 0; padding: 6px 20

OpenLayers学习记录（1）

1.部署自己的服务器首先下载openlayers的源码.解压后里面有很多内容.我们只需要拷贝目录下的OpenLayer.js.根目录下的lib目录.根目录下的img目录 theme目录到你网站的olapi目录下.当然你也可以是使用OpenLayers中文官方站的api http://www.openlayers.cn/olapi/OpenLayers.js 2.创建一个空的index.html文件包含以下的代码: <!DOCTYPE html> <html> <he

OpenLayers简单介绍以及简单实例

OpenLayers是一个强大的JavaScript包,可以从它的官网免费下载.OpenLayers包含了很多强大的网页地图展示与操作功能,并且能够将不同源的图层展示在同一张地图中,支持各种第三方的地图API(如:Google,Yahoo,Bing,OSW,Baidu以及天地图等),当然OL也支持由你自己服务器(如Geoserver)发布的一些地图服务(WMS,WFS等). 下载好OL的包,将解压后文件夹中的OpenLayers.js文件.theme文件夹和img文件夹拷贝出来,放在你网页文件的

OpenLayers调用arcgis server发布的地图服务

有两种方式可以调用arcgis server发布的地图服务,一种是rest,一种是wms. 地图的投影为900913,arcgis server为10.0版本,地图服务的空间参考为3857. 与Google Map相对应的ArcGis投影文件: 众所周知,Google Map的投影参考为"WGS 84 Web墨卡托",定义为 EPSG:900913 或者 EPSG:3857 (EPSG:3785).与此相对应的ArcGis的投影坐标系名称为:WGS 1984 Web Mercat

OpenLayers调用ArcGIS Server发布的WFS服务

OpenLayers调用ArcGIS Server发布的WFS服务原创: 蔡建良 2013-08-20 一．开发环境 1) Openlayers2.13+arcgis server9.3 2) WFS地图空间参考EPSG: 4326也可以是EPSG:102113 3) Openlayers底图空间参考EPSG: 900913 二．发布地图服务 1) 采用ArcMap制作mxd地图文档. 2) 采用ArcCatalog发布地图服务,将wfs打勾. 部分操作截图如下: 3) 测试WFS服务:

geoserver扫盲 openlayers相关

转自:http://www.cnblogs.com/lzlynn/archive/2008/07/29/1255702.html WMS: Web Map Service(Web地图服务 ) l 利用具有地理空间位置信息的数据制作地图.其中将地图定义为地理数据可视的表现.这个规范定义了三个操作: n GetCapabitities 返回服务级元数据,它是对服务信息内容和要求参数的一种描述: n GetMap 返回一个地图影像,其地理空间参考和大小参数是明确定义了的: n GetFeatu

OpenLayers加载QQ地图(转)

openlayers layer 中心点

热门专题