openlayersAPI资源-CSDN文库

共327个文件

html：322个

css：3个

js：2个

3星 · 超过75%的资源需积分: 10 139 浏览量 2008-11-29 16:49:35 上传评论收藏 1.09MB RAR 举报

OpenLayers 是一个强大的开源JavaScript库，专为在Web上创建交互式地图应用而设计。它允许开发者利用多种数据源，包括WMS、WFS、TMS等服务，以及GeoJSON、KML等本地格式，来展示地理信息。OpenLayers API 提供了丰富的功能和接口，使得开发人员可以轻松构建复杂的地图应用程序。一、OpenLayers基础概念 1. Map对象：OpenLayers的核心是Map对象，它是整个地图应用的基础。创建Map时，需要指定一个DOM元素作为地图容器，并可选择性地设置地图选项，如投影、分辨率等。 2. Layer对象：Layer表示地图上的图层，可以是各种类型的地理数据源。常见的图层类型有TileLayer（瓦片图层）、VectorLayer（矢量图层）等。 3. Control对象：Control提供了与用户交互的功能，如ZoomIn/ZoomOut控件、Pan控件等。开发者可以通过添加或自定义Control对象来扩展用户界面。二、OpenLayers API 主要功能 1. 地图操作：API支持缩放、平移、旋转、测量距离和面积等功能，使用户能够自由探索地图。 2. 图层管理：API提供了添加、删除、隐藏、显示图层的方法，以及图层顺序调整和图层透明度控制。 3. 数据加载：支持多种格式的数据加载，如GeoJSON、KML、GML等。通过VectorLayer，可以动态加载和编辑地理数据。 4. 地图投影：OpenLayers支持多种地图投影，包括常见的EPSG:4326（WGS84）和EPSG:3857（Web Mercator）。 5. WMS和WFS服务：可以与Web地图服务（WMS）和Web特征服务（WFS）进行交互，获取和编辑地理信息。 6. 缓存机制：为了提高性能，OpenLayers支持地图瓦片的缓存。三、OpenLayers API 使用示例 1. 创建地图：创建一个Map对象，并将其附加到HTML页面的某个元素。 ```javascript var map = new OpenLayers.Map('mapDiv'); ``` 2. 添加图层：然后，添加一个或多个图层到地图中。这里以WMS图层为例： ```javascript var layer = new OpenLayers.Layer.WMS( "World Weather", "http://mesowest.utah.edu/cgi-bin/wms?", { layers: "all" }, { isBaseLayer: true } ); map.addLayer(layer); ``` 3. 设置地图中心点和缩放级别： ```javascript map.setCenter(new OpenLayers.LonLat(-105, 40), 5); ``` 4. 添加控制：例如，添加缩放控件： ```javascript var zoomControl = new OpenLayers.Control.Zoom(); map.addControl(zoomControl); ``` 四、OpenLayers API 文档 apidocs目录中的文件是OpenLayers API的文档，包含详细的类、方法和属性说明，以及示例代码，对于学习和使用OpenLayers非常有帮助。开发者应深入阅读这些文档，以充分利用OpenLayers的强大功能。总结，OpenLayers API 是一个强大且灵活的工具，它使得Web GIS应用的开发变得简单。通过理解并熟练运用其核心概念和功能，开发者可以构建出功能丰富的地图应用，满足各种需求。同时，OpenLayers的开源性质鼓励社区贡献，不断推动着其功能的完善和更新。

资源推荐

资源详情

资源评论

收起资源包目录

openlayers API （327个子文件）

1.css 19KB

2.css 246B

main.css 44B

Map-js.html 127KB

General6.html 126KB

Functions4.html 115KB

General9.html 106KB

General10.html 101KB

Classes.html 95KB

General2.html 89KB

Functions5.html 83KB

General11.html 78KB

Constructor.html 78KB

General3.html 76KB

Properties2.html 75KB

Functions6.html 75KB

Properties.html 75KB

Functions.html 73KB

General7.html 72KB

Layer-js.html 71KB

Functions2.html 70KB

General12.html 69KB

General5.html 66KB

General8.html 62KB

General.html 61KB

Bounds-js.html 59KB

Properties3.html 58KB

BaseTypes-js.html 57KB

Constants.html 56KB

Google-js.html 54KB

GeneralO.html 54KB

General13.html 53KB

Yahoo-js.html 52KB

GeneralC.html 49KB

ClassesO.html 49KB

Vector-js.html 48KB

General4.html 47KB

Collection-js.html 47KB

Constructor2.html 46KB

VirtualEarth-js.html 46KB

XML-js.html 45KB

Events-js.html 45KB

Elements-js.html 45KB

Console-js.html 44KB

MultiMap-js.html 44KB

GeneralG.html 42KB

Functions7.html 42KB

Request-js.html 40KB

LinearRing-js.html 40KB

Point-js.html 40KB

WFS-js.html 38KB

Grid-js.html 38KB

Panel-js.html 37KB

ModifyFeature-js.html 36KB

RegularPolygon-js.html 36KB

LonLat-js.html 36KB

FunctionsG.html 35KB

NavigationHistory-js.html 35KB

GML-js.html 34KB

Handler-js.html 33KB

OverviewMap-js.html 33KB

DragFeature-js.html 33KB

Element-js.html 33KB

HTTPRequest-js.html 33KB

Framed-js.html 33KB

Comparison-js.html 33KB

Functions3.html 32KB

GeneralF.html 32KB

Paging-js.html 32KB

Popup-js.html 32KB

Tween-js.html 32KB

Click-js.html 32KB

Pixel-js.html 31KB

Markers-js.html 31KB

FramedCloud-js.html 31KB

AnchoredBubble-js.html 31KB

WMS-js.html 31KB

Lang-js.html 31KB

KML-js.html 31KB

Style-js.html 31KB

Projection-js.html 31KB

Polygon-js.html 31KB

KaMap-js.html 31KB

MapGuide-js.html 31KB

GeoJSON-js.html 31KB

GeoRSS-js.html 30KB

JSON-js.html 30KB

Image-js.html 30KB

Permalink-js.html 30KB

WMC-js.html 30KB

Anchored-js.html 30KB

SelectFeature-js.html 30KB

Vector-js.html 30KB

GeneralP.html 30KB

Filter-js.html 30KB

TileCache-js.html 30KB

SphericalMercator-js.html 30KB

Point-js.html 29KB

MultiPoint-js.html 29KB

TMS-js.html 29KB

共 327 条

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <html><head><title>OpenLayers.Map - OpenLayers</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad()"><script language=JavaScript></script>    <div id=Content><div class="CClass"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="OpenLayers.Map"></a>OpenLayers.Map</h1><div class=CBody><p>Instances of OpenLayers.Map are interactive maps embedded in a web page.  Create a new map with the <a href="#OpenLayers.Map.OpenLayers.Map" class=LConstructor id=link64 onMouseOver="ShowTip(event, 'tt59', 'link64')" onMouseOut="HideTip('tt59')">OpenLayers.Map</a> constructor.</p><p>On their own maps do not provide much functionality.  To extend a map it’s necessary to add controls (<a href="Control-js.html#OpenLayers.Control" class=LClass id=link65 onMouseOver="ShowTip(event, 'tt60', 'link65')" onMouseOut="HideTip('tt60')">OpenLayers.Control</a>) and layers (<a href="Layer-js.html#OpenLayers.Layer" class=LClass >OpenLayers.Layer</a>) to the map.</p><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#OpenLayers.Map" >OpenLayers.Map</a></td><td class=SDescription>Instances of OpenLayers.Map are interactive maps embedded in a web page. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#OpenLayers.Map.Constants" >Constants</a></td><td class=SDescription></td></tr><tr class="SConstant SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.Z_INDEX_BASE" >Z_INDEX_BASE</a></td><td class=SDescription>{Object} Base z-indexes for different classes of thing</td></tr><tr class="SConstant SIndent2"><td class=SEntry><a href="#OpenLayers.Map.EVENT_TYPES" >EVENT_TYPES</a></td><td class=SDescription>{Array(String)} Supported application event types. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#OpenLayers.Map.Properties" >Properties</a></td><td class=SDescription></td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.events" >events</a></td><td class=SDescription>{<a href="Events-js.html#OpenLayers.Events" class=LClass >OpenLayers.Events</a>} An events object that handles all events on the map</td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.div" >div</a></td><td class=SDescription>{DOMElement} The element that contains the map</td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.layers" >layers</a></td><td class=SDescription>{Array(<a href="Layer-js.html#OpenLayers.Layer" class=LClass >OpenLayers.Layer</a>)} Ordered list of layers in the map</td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.baseLayer" >baseLayer</a></td><td class=SDescription>{<a href="Layer-js.html#OpenLayers.Layer" class=LClass >OpenLayers.Layer</a>} The currently selected base layer. </td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.tileSize" >tileSize</a></td><td class=SDescription>{<a href="BaseTypes/Size-js.html#OpenLayers.Size" class=LClass id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">OpenLayers.Size</a>} Set in the map options to override the default tile size for this map.</td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.projection" >projection</a></td><td class=SDescription>{String} Set in the map options to override the default projection string this map - also set maxExtent, maxResolution, and units if appropriate.</td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.units" >units</a></td><td class=SDescription>{String} The map units. </td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.resolutions" >resolutions</a></td><td class=SDescription>{Array(Float)} A list of map resolutions (map units per pixel) in descending order. </td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.maxResolution" >maxResolution</a></td><td class=SDescription>{Float} Default max is 360 deg / 256 px, which corresponds to zoom level 0 on gmaps. </td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.minResolution" >minResolution</a></td><td class=SDescription>{Float}</td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.maxScale" >maxScale</a></td><td class=SDescription>{Float}</td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.minScale" >minScale</a></td><td class=SDescription>{Float}</td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.maxExtent" >maxExtent</a></td><td class=SDescription>{<a href="BaseTypes/Bounds-js.html#OpenLayers.Bounds" class=LClass id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">OpenLayers.Bounds</a>} The maximum extent for the map. </td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.minExtent" >minExtent</a></td><td class=SDescription>{<a href="BaseTypes/Bounds-js.html#OpenLayers.Bounds" class=LClass id=link3 onMouseOver="ShowTip(event, 'tt2', 'link3')" onMouseOut="HideTip('tt2')">OpenLayers.Bounds</a>}</td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.restrictedExtent" >restrictedExtent</a></td><td class=SDescription>{<a href="BaseTypes/Bounds-js.html#OpenLayers.Bounds" class=LClass id=link4 onMouseOver="ShowTip(event, 'tt2', 'link4')" onMouseOut="HideTip('tt2')">OpenLayers.Bounds</a>} Limit map navigation to this extent where possible. </td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.numZoomLevels" >numZoomLevels</a></td><td class=SDescription>{Integer} Number of zoom levels for the map. </td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.theme" >theme</a></td><td class=SDescription>{String} Relative path to a CSS file from which to load theme styles. </td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.displayProjection" >displayProjection</a></td><td class=SDescription>{<a href="Projection-js.html#OpenLayers.Projection" class=LClass id=link5 onMouseOver="ShowTip(event, 'tt3', 'link5')" onMouseOut="HideTip('tt3')">OpenLayers.Projection</a>} Requires proj4js support.Projection used by several controls to display data to user. </td></tr><tr class="SProperty SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.fallThrough" >fallThrough</a></td><td class=SDescription>{Boolean} Should OpenLayers allow events on the map to fall through to other elements on the page, or should it swallow them?  </td></tr><tr class="SProperty SIndent2"><td class=SEntry><a href="#OpenLayers.Map.eventListeners" >eventListeners</a></td><td class=SDescription>{Object} If set as an option at construction, the eventListeners object will be registered with <OpenLayers.Events.on>. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#OpenLayers.Map.Constructor" >Constructor</a></td><td class=SDescription></td></tr><tr class="SConstructor SIndent2 SMarked"><td class=SEntry><a href="#OpenLayers.Map.OpenLayers.Map" >OpenLayers.Map</a></td><td class=SDescription>Constructor for a new OpenLayers.Ma

评论收藏

内容反馈