使用OpenLayers发布地图

OpenLayers是用于制作交互式Web地图的开源客户端JavaScript类库,制作的地图几乎可以在所有的浏览器中查看。因为是客户端类库,它不需要特殊的服务器端软件或配置,甚至不用下载任何东西就可以使用它。OpenLayers最初由Metacarta开发,现在它已经成为一个拥有众多开发者和帮助社区的成熟、流行的框架。

下载OpenLayers

OpenLayers的官方网址为:http://openlayers.org/

1.打开官网,可以看到目前OpenLayers的最新版本是2.12,直接点击.zip下载。

2.将下载的.zip文件解压到OpenLayers-2.12中。

3.打开OpenLayers-2.12文件夹,会看到很多的文件夹和文件,但是我们只关心一个文件:OpenLayers.js和两个文件夹:/img和/theme。

4.新建一个文件夹(我命名为code),将我们关心的文件和文件夹拷贝到新建的文件夹中,拷贝完后,新建的文件夹结构如下图:

创建第一个地图

1.在code文件夹中,新建一个index.html文件。

2.在index.html中,添加如下代码:

   1:  <!DOCTYPE html>
   2:  <html lang=‘zh-cn‘>
   3:  <head>
   4:      <meta charset=‘utf-8‘ />
   5:      <title>My OpenLayers Map</title>
   6:      <script type=‘text/javascript‘ src=‘OpenLayers.js‘></script>
   7:      <script type=‘text/javascript‘>
   8:          var map;
   9:          function init() {
  10:              map = new OpenLayers.Map(‘map‘, {});
  11:              var wms = new OpenLayers.Layer.WMS(
  12:                   ‘OpenLayers WMS‘,
  13:                   ‘http://vmap0.tiles.osgeo.org/wms/vmap0‘,
  14:                      {
  15:                          layers: ‘basic‘
  16:                      },
  17:                      {}
  18:                   );
  19:              map.addLayer(wms);
  20:              if (!map.getCenter()) {
  21:                  map.zoomToMaxExtent();
  22:              }
  23:          }
  24:      </script>
  25:  </head>
  26:  <body onload=‘init();‘>
  27:      <div id=‘map‘ style=‘width: 500px; height: 500px;‘>
  28:      </div>
  29:  </body>
  30:  </html>

3.在浏览器中打开,会看到如下图所示的地图:

代码讲解

1.第5行,包含进来OpenLayers的库OpenLayers.js。

2.第27~28行,创建一个宽和高都为500px的div用来显示地图。

3.第8行,定义一个全局变量map。

4.第10行,从OpenLayers.Map类创建一个地图(map)对象, new OpenLayers.Map(‘map‘, {});中的‘map’是用于显示地图的div的id。

5.第11行,从Layer类的子类WMS创建一个层(layer)对象。注意:在OpenLayers中,每个地图至少有一个层。

6.第12行,传入的第一个参数,‘OpenLayers WMS‘是层的名称。

7.第13行,第二个参数,Url是WMS服务地址。

8.第14~16行,第三个参数,传入的是一个匿名对象。

9.第19行是将层加到地图上。

10.第20行是判断是否已经有中心点。

11.第21行是最大程度的显示地图。

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

以上是发布OpenStreetmap在线地图

如果已有离线的地图瓦片,离线瓦片可以从OpenStreetMap等地图网站下载,通过第三方开源库BruTIle可以下载

也可以通过第三方收费软件进行下载

然后配置Openlayers

参考:http://www.cnblogs.com/nianming/archive/2012/07/19/2600272.html

http://www.bigemap.com/home/help/one/id/106.html

时间: 2024-10-14 02:12:37

使用OpenLayers发布地图的相关文章

基于Geoserver发布地图

Geoserver是著名的开源GIS软件之一.也是项目中常用的地图服务软件.基于geoserver和Openlayers就可以构建一个免费的开源GIS项目. Geoserver发布地图的步骤为: 1.      Geoserver启动 启动Geoserver,并登陆.登陆后界面如图所示 2.      新建工作区. 单击数据栏下的工作区,建立新的工作区,如下图所示,在Name中输入工作区的名字,本文建立的工作区为karl,命名空间未http://www.cxzx.com,此处的命名空间在做WFS

通过sqlview动态发布地图图层

1.SQL Views简介 Geoserver+postgresql+openlayers(leaflet)是目前主流的gis开发工具.Postgresql用于存储地图数据,geoserver用于发布地图数据,openlayers或者leaflet用于访问发布地图.正常情况下当shapefile格式的数据导入postgresql数据库中之后,我们需要通过geoserver把所有的数据发布出去,这样才能访问.常规情况下这种操作方式是没有问题的,因为地图作为基础服务,一旦发布出去是不会变化的.但是对

arcgis server10.2.2发布地图基础服务的具体步骤

原文:arcgis server10.2.2发布地图基础服务的具体步骤 1.直接打开制作好的.mxd文档,比如这里: 2.打开mxd文档之后,打开菜单:file-share as -services 弹出地图发布服务的界面: 点击publish之后,耐心的等待一段时间,地图服务就发布好了,地图服务成功之后,可以在浏览器查看: (1) (2) (3) 到此地图服务发布结束! 备注: GIS技术交流QQ群:432512093

发布地图服务

Arccatalog发布地图服务安装ArcGIS Server里面的ArcGIS Server Post InstallWeb Services Post Install (每次发布地图服务之前都要安装一次)然后打开Catalog 10--Add ArcGIS Server--Manage GIS Services地址:http://localhost/arcgis/servicesName:localhost新出来的localhost(admin)--add new service--Map

arcgis server10.2发布地图服务报错

发布地图服务时,读取了本机电脑中的切片方案.发布服务,报打包成功,但发布失败错误. 解决办法:给arcgis账户,赋予读写权限即可.重复发布服务,成功发布.

geoserver 通过代码实现发布地图服务

GeoServer:代码实现批量发布地图服务 利用GeoServer发布WCS服务,那么如果我有很多数据需要进行发布,这样利用GeoServer提供的UI界面进行操作显然很不显示.那能不能利用GeoServer提供的API进行操作呢?GeoServer提供了REST API方便我们利用代码进行操作.用户手册中提供了如下语言或方法进行操作:cURL,PHP,Python,Java和Ruby. Java篇 我先使用了Java语言的geoserver manager.在Eclipse新建一个Maven

GeoServer发布地图服务

最近要利用GIS服务器软件发布一些地图服务,商业的软件(比如ArcGIS Server肯定是用不起的),最后在开源GIS软件GeoServer和MapServer中选择了GeoServer. 下面简单说说如果使用,给初始GeoServer的朋友一点点帮助!愿他们不走我走过的弯路,哈哈! 1 安装GeoServer 首先,进入GeoServer官网下载安装包点击进入下载,现在最新的版本是2.7.1,GeoServer提供了针对操作系统专门的版本,但是我喜欢使用免安装的版本,即一个打包好的war包(

GeoServer:代码实现批量发布地图服务

上文<GeoServer发布地图服务 >介绍了如何利用GeoServer发布WCS服务,那么如果我有很多数据需要进行发布,这样利用GeoServer提供的UI界面进行操作显然很不显示.那能不能利用GeoServer提供的API进行操作呢?GeoServer提供了REST API方便我们利用代码进行操作.用户手册中提供了如下语言或方法进行操作:cURL,PHP,Python,Java和Ruby. 可惜的是除了cURL有详细的文档之外,其它语言参考文档很少.不得不说开源软件就是没有很好的技术支持,

arcgis10.2 的安装与离线发布地图

一.ArcGIS for Desktop安装 ArcGIS安装 方法/步骤1:LicenseManager安装 1.首先要下载Arcgis 10.2软件,很大大约有4个多G.下载后可以用虚拟光驱,DAEMONTools Lite即可. 2.首先,根据自己的操作系统安装相应的LicenseManager,这里以Windows为例,双击Arcgis 10.2打开安装界面,选择安装. (打开ArcGIS_Desktop_102_134924/ESRI.exe) 3.开始安装LicenseManager