OpenLayers鍩虹鐭ヨ瘑錛?/strong>
OpenLayers鏄竴涓紑婧愮殑js妗嗘灦錛岀敤浜庡湪鎮ㄧ殑嫻忚鍣ㄤ腑瀹炵幇鍦板浘嫻忚鐨勬晥鏋滃拰鍩烘湰鐨剒oom錛宲an絳夊姛鑳姐侽penLayers鏀寔鐨勫湴鍥炬潵婧?
鍖呮嫭浜哤MS錛孏oogleMap錛孠aMap錛孧SVirtualEarth絳夌瓑錛屾偍涔熷彲浠ョ敤綆鍗曠殑鍥劇墖浣滀負婧愶紝鍦ㄨ繖涓鏂歸潰OPenLayers鎻愪緵浜?
闈炲父澶氱殑閫夋嫨銆?
瑕佷嬌鐢∣penLayers錛屾偍鍙互鍒板畠鐨勫畼鏂圭綉绔檋ttp://www.openlayers.org涓嬭澆浠栫殑鍘嬬緝
鍖咃紝瑙e帇鍚庡彲浠ョ湅鍒板叾涓殑涓浜涚洰褰曞拰
鏂囦歡銆傛嫹璐漝ist鐩綍涓嬬殑OpenLayer.js銆佹牴鐩綍涓嬬殑lib鐩綍銆佹牴鐩綍涓嬬殑img鐩綍鍒頒綘緗戠珯鐨剆cripts鐩綍涓嬶紙褰撶劧錛岃繖涓彧鏄緥
瀛愶紝鎮ㄧ綉绔欑殑鐩綍緇撴瀯鎮ㄨ嚜宸辮寰楃畻錛屽彧瑕佷繚璇丱penLayers.js錛?lib錛?img鍦ㄥ悓涓鐩綍涓嵆鍙級銆?
OpenLayers涓渶閲嶈鐨?涓璞ap鍜孡ayer.
OpenLayers.Map鐨勫疄浣撳寲鏂規硶錛?br />
var map = new OpenLayers.Map("map");
榪欓噷鍙傛暟"map"瀵瑰簲欏甸潰涓樉紺篗ap鍦板浘鐨凞IV鐨刬d鍚嶇О銆?br />
OpenLayers.Layer涓哄垱寤哄浘灞傚璞?OpenLayers鎻愪緵浜嗗緢澶氬浘灞傜殑鎵╁睍錛?br />
* OpenLayers.Layer.Image
* OpenLayers.Layer.HTTPRequest
*
OpenLayers.Layer.Grid
* OpenLayers.Layer.WMS
*
OpenLayers.Layer.KaMap
* OpenLayers.Layer.EventPane
*
OpenLayers.Layer.Google
* OpenLayers.Layer.VirtualEarth
*
OpenLayers.Layer.Markers
* OpenLayers.Layer.Text
*
OpenLayers.Layer.GeoRSS
* OpenLayers.Layer.Boxes
*
OpenLayers.Layer.TMS
Image綾誨皝瑁呬竴涓疄闄呭浘璞′綔涓哄浘鏇懼唴瀹?
HTTPRequest綾誨彲浠ユ帴鏀朵竴涓姩鎬佺敓鎴愮殑鍥劇墖錛屼綘鍙互閫氳繃HTTPRequest綾葷殑鍙傛暟鍚?
鏈嶅姟鍣ㄥ彂閫佸弬鏁?
Grid綾繪槸HTTPRequest綾葷殑瀛愮被錛屾彁渚涙洿鍔犺緇嗙殑鏂規硶
WMS綾葷敤浜庤繛鎺MS鏈嶅姟鍣ㄤ互鑾峰緱鍥捐薄
KaMap
綾葷敤浜庤繛鎺apServer
EventPane綾諱綔涓虹敤浜庢帴鏀剁敤鎴鋒搷浣滅殑鍥懼眰
Google綾葷敤浜庝粠Google鑾峰緱鍥捐薄錛屽畠浠嶇劧闇
瑕佷綘浠嶨oogle鑾峰緱API KEY錛屽茍涓攊nclude
VirtualEarth綾葷敤浜庢搷浣淰irtualEarth鐨勫浘灞?
Markers
綾葷敤浜庣敓鎴愭帴鏀跺拰鏄劇ず鐢ㄦ埛鏈湴鏍囪鐨勫浘灞?
Text綾葷敤浜庢帴鏀禖SV鏂囦歡
GeoRSS綾繪槸Marker綾葷殑瀛愮被錛岀敤浜庡皝瑁呮帴鏀?
GeoRSS騫跺湪鍥懼眰涓綔鍑簃arker
Boxes鍚屾牱涔熸槸Marker綾葷殑瀛愮被錛屽彲浠ョ敤div鏉ュ仛marker錛岃岄潪image
TMS
鐢ㄤ簬鎺ユ敹TMS鏈嶅姟鍣ㄧ殑鍦板浘
OpenLayers榪樻彁渚涗簡涓板瘜鐨凜ontrol綾諱負鍦板浘嫻忚娣誨姞涓浜涘伐鍏鳳紝緇ф壙鑷狾penLayers.Control綾?
*
OpenLayers.Control.LayerSwitcher
* OpenLayers.Control.MouseDefaults
*
OpenLayers.Control.MousePosition
* OpenLayers.Control.MouseToolbar
*
OpenLayers.Control.OverviewMap
* OpenLayers.Control.PanZoom
*
OpenLayers.Control.PanZoomBar
* OpenLayers.Control.Permalink
*
OpenLayers.Control.Scale
榪欎簺綾葷殑瀹炰緥浼氬湪鍦板浘嫻忚鐨?#8220;紿楀彛”涓婂鍔犱竴浜涘伐鍏鋒爮鎴栨槸“鎸夐挳”錛屽鍔犱簰鍔ㄦу拰鍔?
鑳芥с?
OpenLayers瀵瑰父鐢ㄧ殑鏁版嵁緇撴瀯榪涜浜嗗皝瑁?
# OpenLayers.LonLat
#
OpenLayers.Size
# OpenLayers.Pixel
# OpenLayers.Bounds浠ヤ究浜庢搷浣溿?br />
鐜板湪鍐欎釜鏈綆鍗曠殑渚嬪瓙鍋氳褰曪細
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>WMS MAP INIT</title>
<script src="http://localhost:8080/geoserver/openlayers/OpenLayers.js" type="text/javascript"></script>
<style type="text/css">
#map {
width: 100%;
height: 100%;
border: 1px solid black;
}
</style>
<script defer="defer" type="text/javascript">
function init(){
//鏁版嵁瀛樺偍鐨勫乏銆佷笅銆佸彸銆佷笂鐨勮寖鍥達紝榛樿涓篘ULL
var bounds = new OpenLayers.Bounds(
17831.799, 91085.208,
18221.799, 91287.26
);
//鍒涘緩涓涓狾penLayers.Map鏋勯犳柊鐨勫湴鍥俱?/span>
var options = {
controls: [],
maxExtent: bounds,
maxResolution: 1.5234375,
projection: "EPSG:4326",
units: 'degrees'
};
var map = new OpenLayers.Map('map', options);
//鍒涘緩涓涓浘灞備俊鎭?/span>
var layer = new OpenLayers.Layer.WMS("State", "http://127.0.0.1:8080/geoserver/wms", {
layers: "dwg:0_line"
});//
//灝嗗垱寤虹殑鍥懼眰瀵硅薄娣誨姞鍒癕ap瀵硅薄
map.addLayer(layer);
//鏄劇ず鍦板浘
map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">
<div id="map"></div>
</body>
</html>

]]>