openlayers bounds.left 百度

2026-08-14

openlayers 学习笔记之1

1. 为Web Gis客户端开发的javascript 框架百度文库中的教程:入门经典> 1) 初始化map: map = new OpenLayers.Map(mapContainerName, { controls: [, ) }), new OpenLayers.Control.Navigation(), new OpenLayers.Control.LayerSwitcher(), , topOutUnits: "公里", topInUnits: "米&quo

OpenLayers加载百度离线瓦片地图（完美无偏移）

本文使用OpenLayers最新版本V5.3.0演示:如何使用OpenLayer完美无偏移加载百度离线瓦片地图.OpenLayers 5.3.0下载地址为:https://github.com/openlayers/openlayers/releases/download/v5.3.0/v5.3.0-dist.zip . 百度地图离线瓦片下载使用“迈高图-地图数据下载器”(以下简称:迈高图),演示数据以湖南省长沙市芙蓉区12~18级瓦片数据为例. 下载演示数据迈高图选择百度地图为当前地图源,地

openlayers加载百度地图

最近在做openlayers添加百度地图的扩展类,经过轮番的尝试,终于将其接入了,但是发现偏差比较大,有根据百度的坐标进行了比对,将切片原点进行了调整,发现OK了.打开百度地图,可以看出切片的路径如:http://online1.map.bdimg.com/tile/?qt=tile&x=742&y=248&z=12&styles=pl&udt=20141113,在发现百度地图的切片规则也是和google一样,采用TMS进行切片的,因此剩下的工作就是去查找切片和行列

openlayers对接百度地图新方法

上次给大家提供的openlayers对接百度地图有些问题,是因为没有进行分辨率设置,也没有进行相应的平面坐标转换,获取getURL的方法还是没有变化的 getURL: function (bounds) { var tilez=this.map.zoom-1; var res = this.map.getResolution(); var bbox = this.map.getMaxExtent(); var size = this.tileSize; var bx = Math.round((

OpenLayers加载QQ地图(转)

openLayers加载高德地图

之前用openlayers对高德,百度,腾讯,bing,supermap,天地图,arcgis,google等地图进行了对接,今天简单介绍一下openlayers+高德: 在Openlayers.Layer.XYZ.js中有如下更改:(百度兴趣点下载工具:http://www.cnblogs.com/songjiang6940/p/baiduPOI.html) * bounds - {<OpenLayers.Bounds>} * * Returns: * {String} A string w

（转）PostGIS+QGIS+GeoServer+OpenLayers实现数据的存储、服务的发布以及地图的显示

http://blog.csdn.net/gisshixisheng/article/details/41575833 标题比较长,主要呢是实现以下几点: 1.将shp数据导入到PostGIS中: 2.Geoserver发布WMS服务: 3.Openlayers调用Wms服务首先,下载安装软件. 为方便大家下载,我将所有软件上传的百度网盘里了,有需要的可以上网盘直接下载,地址为:http://pan.baidu.com/s/1ntJrf8P,此外,openlayers的下载地址为:http:/

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控制瓦片的绽放级别

先说说这个功能可能使用到的地方,当我们下载的网上瓦片或者矢量数据的第一级或开始几级效果不是很好时,我们就就想让用户看到这些级别的瓦片.实现这个功能比较简单,主要就是修改Openlayers.map的isValidZoomLevel方法.具体如下:1.先定义好一个limiteZoonLevel方法,在 /* *设置地图可以缩放的级别 *Parameters: *minLevel - {int} 最小级别 *maxLevel - {int} 最大级别 */ limiteZoonLevel: func

openlayers中实现自定冒泡的效果

自定义的Openlayers.Popup.FreshCloud继承自Openlayers.Popup.Framed,实现了比较简洁的冒泡效果,详细代码如下 /** * Class: OpenLayers.Popup.FramedCloud * * Inherits from: * - <OpenLayers.Popup.Framed> */ OpenLayers.Popup.FreshCloud = OpenLayers.Class(OpenLayers.Popup.Framed,

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加载该图层组,然后对此图层组进行查询.这样做的好处就是,如果有新的图层增加,如

OpenLayers中地图缩放级别的设置方法

来源于:http://www.cnblogs.com/sailheart/archive/2011/03/15/1984519.html 一.概述在OpenLayers中,地图必须具有一个缩放级别的范围,缩放级别可以用比例尺(scale)或者分辨率(resolution)表示. 比例尺——屏幕上1米代表多少地图坐标单位:分辨率——屏幕上一个像素代表多少地图坐标单位.两者的转换关系是:scale = resolution * 72 * 39.3701(1米=39.3701英寸,1英寸=72像素)

[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. 创建地图,加载控件 var map = new OpenLayers.Map("map", { projection: new OpenLayers.Projection("EPSG:900913"), displayProjection: new OpenLayers.Projection("EPSG:4326") }); map.addControl(new OpenLayers.Control.Permalink()); map.ad

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

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

Geoserver基本使用、WMS服务发布与OpenLayers测试

1.Geoserver与OpenLayers的下载 Geoserver:http://geoserver.org/ OpenLayers:http://openlayers.org/ 2.安装部署Geoserver 环境:jdk 1.7,geoserver-2.5 配置:修改geoserver-2.5/ect/jetty.xml 的端口为8089,避免端口冲突. <Call name="addConnector"> <Arg> <New class=&qu

OpenLayers 添加OpenStreetMap(OSM)瓦片层示例

This article from:http://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example Deploy an OpenStreetMap slippymap on my own website This simple example may help if you are Deploying your own Slippy Map. This DHTML snippit will bring in the OpenLayers

OpenLayers访问WTMS服务及添加Googlemap

1.访问WMS服务首先需要发布WMS服务,才能进行地图WMS服务访问.这里不说怎么发布WMS服务,直接看怎么调用,代码如下: 代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <htm

openlayers 加载瓦片详解一

在这先说点题外话,本人在研究webgl 三维球过程中惊人发现,openlayers 的开发人员也在研究webgl并经证实他们也正在研发基于 webgl的三维gis开源平台,这可能是首个开源的三维平台,在现在三维大趋势下,看来 openlayers 前景还是一片大好,闲话少说,静候佳音. 在这将分4篇文章来系统的详细的介绍openlayers 是怎么来加载本地及服务器瓦片,为了提高开发人员的工作效率采用倒叙, 在第一篇先给实用的算法及简单的参数说明,后面介绍原理,彻底的理解其工作原理. 第一篇

openlayers bounds.left 百度

热门专题