Openlayers Demo：

  1.  <html>
  2.  <head>
  3.    <title>OpenLayers Example</title>
  4.      <script src="OpenLayers.js"></script>
  5.      </head>
  6.      <body>
  7.      <style type="text/css">
  8.      .Third{
  9.          margin: 10px 0;
  10.          padding: 6px 20px;
  11.          font-family: 'Microsoft Yahei';
  12.          margin: 15px 0;
  13.          font-size: 16px;
  14.          color: fff;
  15.          background: #C6EFD2;
  16.          color: #999;
  17.          border-radius: 4px;
  18.          clear: both;}
  19.      .Highlighter{
  20.          border: solid 1px #ccc;
  21.          clear: both;}
  22.  </style>
  23.        <div class="Third"><h1>欢迎来到我的世界!</h1></div>
  24.        <div class="Highlighter" style="width:100%; height:100%" id="map"></div>
  25.        <script defer="defer" type="text/javascript">
  26.          var map = new OpenLayers.Map('map');
  27.          var bounds = new OpenLayers.Bounds(
  28.                      -124.73142200000001, 24.955967,
  29.                      -66.969849, 49.371735
  30.                      );
  31.          var wms = new OpenLayers.Layer.WMS( "WMS Layer",
  32.              "http://localhost:8080/geoserver/topp/wms", {LAYERS: 'topp:states'} );
  33.          //var osm = new OpenLayers.Layer.OSM();
  34.          //map.addLayer(osm);
  35.          map.addLayer(wms);
  36.          map.zoomToExtent(bounds);
  37.          //map.zoomToMaxExtent();
  38.        </script>
  39.  </body>
  40.  </html>

Openlayers版本：OpenLayers-2.13.1

效果截图：

阅读：

OGC标准地图服务介绍 http://blog.csdn.net/wildboy2001/article/details/7743350

[GeoServer]Openlayers简单调用的更多相关文章

  1. 使用GeoServer+OpenLayers发布和调用WMTS、Vector Tile矢量切片服务 | Publishing and Calling WMTS, Vector Tile Service Using GeoServer + OpenLayers

    Web GIS系列: 1.搭建简易Web GIS网站:使用GeoServer+PostgreSQL+PostGIS+OpenLayers3 2.使用GeoServer+QGIS发布WMTS服务 3.使 ...

  2. Geoserver+Openlayers+MySQL设计思想，GeoServer服务器搭建（Docker构建镜像）

    Geoserver+Openlayers+MySQL设计思想,GeoServer服务器搭建(Docker构建镜像) 一.geoserver+openlayers+mysql主要设计思想 1.1 Geo ...

  3. 路径分析—PostgreSQL+GeoServer+Openlayers（二）

    路径分析-QGIS+PostgreSQL+PostGIS+pgRouting(一) 路径分析-PostgreSQL+GeoServer+Openlayers(二) 前言 上一篇文章中实现数据库层面的路 ...

  4. loadrunner做webservice接口之简单调用

    今天听大神讲了webservice做接口,我按照他大概讲的意思自己模拟实战了下,可能还有很多不对,一般使用webservice做接口,会使用到soapui,但是用了loadrunner以后发现lr很快 ...

  5. 【Android进阶】Android程序与JavaScript之间的简单调用

    本篇将讲解一个简单的Android与JavaScript之间的简单调用的小程序 效果图 工程结构 HTMLActivity.java代码 package com.example.javatojs; i ...

  6. 原生js简单调用百度翻译API实现的翻译工具

    先来个在线demo: js翻译工具 或者百度搜索js简单调用百度翻译API工具(不过有个小小的界面显示bug,我想细心的人应该会发现) 或者直接前往该网址:js翻译工具 或者前往我的github:gi ...

  7. StreamReader 和 StreamWriter 简单调用

    /* ######### ############ ############# ## ########### ### ###### ##### ### ####### #### ### ####### ...

  8. 经测试稳定可用的蓝牙链接通信Demo，记录过程中遇到的问题的思考和解决办法，并整理后给出一个Utils类可以简单调用来实现蓝牙功能

    说明:这是本人在蓝牙开发过程中遇到过的问题记录和分析,以及解决办法. 在研究过程中,许多的前人给出的解决方案和思路指导对我相当有帮助,但并非都是可采取的解决方法, 经过本人对这些方法的测试和使用过后, ...

  9. jQuery懒加载插件 – jquery.lazyload.js简单调用

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...

随机推荐

  1. Java量与变量的区别

    常量:其值不变即为常量. 语法: 数据类型 常量名 = 值; double PI = 3.14; 备注: 一般默认常量名大写. 变量与常量之间关系(量间关系) 先来一个简单的实例,好了解 Java 里 ...

  2. Unity3d中C#使用指针（Unsafe）的办法（转）

    近日由于在U3D项目中要使用到数据传递(C++ DLL的数据传递给U3D中的C#),其中涉及到需要使用C#的指针.直接编译会出现以下错误Unsafe code requires the 'unsafe ...

  3. 数据库MySql阶段总结

    S1数据库中最重要的是查询,对于查询要有一个好的理解模型是很关键的: 1. 每一个查询都会返回一个结果集,这个结果集可能是一个值,一个字段或者一个记录,甚至可能是一个表 返回一个值 SELECT * ...

  4. javaWeb中servlet开发——监听器

    监听的定义 对application的监听 application是servletContext接口的对象,表示的是整个上下文环境,如果要想实现对application监听则可以使用如下两个接口: s ...

  5. Cluster analysis

    https://en.wikipedia.org/wiki/Cluster_analysis Cluster analysis or clustering is the task of groupin ...

  6. web.xml总结整理

    web.xml 配置的详细解读 web.xml (部署描述符文件) 整理参考:      加载顺序 ServletContext-->listener->filter->srvlet ...

  7. php常用代码

    $total_count = mysql_num_rows($rslt);//返回记录条数 date("ymdHis");//130618104741 注:年份没有前两位 PHP手 ...

  8. Ngrok 内网穿透利器

    Ngrok是什么 Ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道.Ngrok 可捕获和分析所有通道上的流量,便于后期分析和重放 为什么要使用Ngrok ...

  9. 500Internal Server Error

    在今晚测试wamp的项目时,当我导入一个项目到www目录下时出现如下错误:Internal Server ErrorThe server encountered an internal error o ...

  10. 【转】android程序编译过程

    现在很多人想对Android工程的编译和打包进行自动化,比如建立每日构建系统.自动生成发布文件等等.这些都需要我们对Android工程的编译和打包有一个深入的理解,至少要知道它的每一步都做了什么,需要 ...