图解OpenLayers-2.13.1入门实例

1 下载

http://www.openlayers.cn/forum.php?mod=viewthread&tid=171

解压后有如下内容；

2 实例1

把img, theme 文件夹，OpenLayers.js，拷贝到一个新建文件夹，并新建index.html；

index.html:

<!DOCTYPE html><html lang='zh-cn'><head><meta charset='utf-8' /><title>My OpenLayers Map</title><script type='text/javascript' src='OpenLayers.js'></script><script type='text/javascript'>var map;function init() {map = new OpenLayers.Map('map', {});var wms = new OpenLayers.Layer.WMS('OpenLayers WMS','http://vmap0.tiles.osgeo.org/wms/vmap3',{layers: 'basic'},{});map.addLayer(wms);if (!map.getCenter()) {map.zoomToMaxExtent();}}</script></head><body οnlοad='init();'><div id='map' style='width: 800px; height: 600px;'></div></body></html>

效果；

3 实例2

index2.html

<!DOCTYPE html><html lang='zh-cn'><head><meta charset='utf-8' /><title>My OpenLayers Map</title><script type='text/javascript' src='OpenLayers.js'></script><script type='text/javascript'>var map;function init() {map = new OpenLayers.Map('map', {});var wms = new OpenLayers.Layer.WMS('OpenLayers WMS','http://vmap0.tiles.osgeo.org/wms/vmap3',{layers: 'basic'},{});map.addLayer(wms);if (!map.getCenter()) {map.zoomToMaxExtent();}}</script></head><body οnlοad='init();'><div id='map' style='width: 800px; height: 600px;'></div></body></html>

效果；

4 链接

http://openlayers.org/en/v3.5.0/examples/

openlayer官方例子；

http://www.openlayers.cn/portal.php

openlayer中文网

http://www.cnblogs.com/kaituorensheng/p/4526149.html

http://blog.csdn.net/linlzk/article/details/17354093

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

图解OpenLayers-2.13.1入门实例相关推荐

ADO.NET Entity Data Model入门实例
ADO.NET Entity Data Model入门实例快速开发一个网站,最繁琐的地方可能要算数据库访问和ORM了,还好.net中这个很强大,可以省去好多体力劳动. 这里就给个快速使用ADO.NE ...
Windows 外壳扩展编程入门实例
Windows 外壳扩展编程入门实例 -- Delphi 篇作者的话关于Windows 外壳扩展方面的文章私心以为最好的应当算是Michael Dunn 的TheComplete Idiot's ...
Vue学习（入门实例、常用指令）-学习笔记
文章目录 Vue学习(入门实例.常用指令)-学习笔记实例常用指令 v-on v-bind v-for v-html v-if event v-model 双向数据绑定实现 - defineProp ...
wxpython使用实例_wxPython中文教程入门实例
wxPython中文教程入门实例 wx.Window 是一个基类,许多构件从它继承.包括 wx.Frame 构件. 可以在所有的子类中使用 wx.Window 的方法. wxPython的几种方法: ...
mybatis 详解（三）------入门实例（基于注解）
1.创建MySQL数据库:mybatisDemo和表:user 详情参考:mybatis 详解(二)------入门实例(基于XML) 一致 2.建立一个Java工程,并导入相应的jar包,具体目录如 ...
Spring MVC + Spring + Hibernate + mysql 注册登陆入门实例
Spring MVC + Spring + Hibernate + mysql 注册登陆入门实例 (1) 结构 (说明目的是要做在线聊天室的,也包含登陆注册部分,先用这部分做个例子)开发环境用的是ST ...
Fluent 操作入门实例-从建模到计算结果可视化
Fluent 操作入门实例前言: 本文详细图文介绍如何使用ANSYS Workbench 实现Fluent的基本入门操作实例. 1.打开workbench 2.将Fluid Flow(Fluent) ...
型臂x线机结构图解_织女必备 | 从入门到高级的毛衣编织图解，这里全都有！...
这年头,跳坑的"织女"实在是太多了!! 哎哎哎哎--别误会,我说的"织女"不是和牛郎配对的那位仙子,而是喜欢用毛线编织各种花样的小可爱们~ 他们用基础针法织毛衣 ...
CorelDraw 13从入门到精通视频教程
CorelDraw 13从入门到精通视频教程下载. 李天生老师在硅谷动力学院频道上发表的视频教程<CorelDraw从入门到精通>.涵盖了大量的技巧与实例内空由浅入深,适合初学CorelD ...

图解OpenLayers-2.13.1入门实例

图解OpenLayers-2.13.1入门实例相关推荐

最新文章

热门文章