WebGIS(PostgreSQL+GeoServer+OpenLayers)之三 OpenLayers客户端数据显示
来源:互联网 发布:淘宝有哪些男装潮店 编辑:程序博客网 时间:2024/04/18 12:36
地图数据在GeoServer中配置好之后,可以HTML代码编写OpenLayers的WMS的请求服务。编写好之后,可以在浏览器上查看地图。
地理数据在OpenLayers上显示
用到的HTML代码:<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style. type="text/css">
#map {
width: 800px;
height: 434px;
border: 1px solid black;
}
</style>
<script. src="http://localhost:8080/geoserver/openlayers/OpenLayers.js"
type="text/javascript">
<script. type="text/javascript">
function init(){
var map = new OpenLayers.Map('map', {controls:[], 'projection':
'EPSG:4326', 'units':'degrees'});
OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5;
// setup tiled layer
var bounds = new OpenLayers.Bounds(70.56262702941892,
16.39964122772222,137.82589988708528,55.32298831939698)
var tiled = new OpenLayers.Layer.WMS(
"topp:china", "http://localhost:8080/geoserver/wms",
{
srs: 'EPSG:4326',
width: '800',
styles: '',
height: '434',
layers: 'topp:china',
format: 'image/png', tiled: 'true', tilesOrigin :
"70.56262702941892,16.39964122772222"
},
{maxExtent: bounds, maxResolution: 0.26274715960025924, projection:
"EPSG:4326", buffer: 0}
);
map.addLayer(tiled);
map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
map.addControl( new OpenLayers.Control.PanZoomBar() );
map.addControl( new OpenLayers.Control.LayerSwitcher() );
}
</script>
</head>
<body nload="init()">
<div id="map"></div>
</body>
</html>
- WebGIS(PostgreSQL+GeoServer+OpenLayers)之三 OpenLayers客户端数据显示
- WebGIS(PostgreSQL+GeoServer+OpenLayers)之二 GeoServer安装与数据配置
- WebGIS(PostgreSQL+GeoServer+OpenLayers)之一 PostgreSQL安装及地理空间数据库实现
- geoserver && openlayers
- geoserver、openlayers、PostgreSQL 开发环境配置
- geoserver、openlayers、PostgreSQL 开发环境配置
- geoserver、openlayers、PostgreSQL 开发环境配置
- openlayers调用geoserver地图不显示
- geoserver与OpenLayers
- Geoserver & Openlayers 学习笔记
- Geoserver & Openlayers 学习笔记
- geoserver与OpenLayers
- geoserver+openlayers实例
- PostGIS+QGIS+GeoServer+OpenLayers实现数据的存储、服务的发布以及地图的显示
- Openlayers之显示地理位置坐标
- Openlayers之地图全屏显示
- 通过Openlayers中getGetFeatureInfoUrl方法请求WMS服务数据到客户端(Browser)(基于Geoserver服务器)
- openlayers
- 惠普前总裁孙振耀指点职业规划。(迄今见过的最好的职业规划的文章,毕生受益)!!!!
- Graphic Design Portfolio-Builder: Adobe Photoshop and Adobe Illustrator Projects
- Java程序员ActionScript 3入门
- Upgrading to PHP 5 [ILLUSTRATED]
- Ascent代码分析2-底层shared
- WebGIS(PostgreSQL+GeoServer+OpenLayers)之三 OpenLayers客户端数据显示
- 给定数组,求最大的非邻接子数组之和
- PHP Pocket Reference, 2nd Edition
- Practical Data Communications
- 揭示常见的重构误区
- Data Quality (The Kluwer International Series on Advances in Database Systems Volume 23)
- Excel by Example: A Microsoft Excel Cookbook for Electronics Engineers
- 您尝试使用 SharePoint 产品和技术向导时错误消息:"Exception: System.ArgumentException: 加密或解密过程中的错误
- 破釜沉舟