openlayers 加载多边形

OpenLayers是一个强大的开源JavaScript库，用于处理地理空间数据并在Web浏览器上展示地图。加载多边形到OpenLayers地图中主要包括以下几个步骤：

1. **初始化OpenLayers实例**：
首先，你需要创建一个新的`OpenLayers.Map`实例，并设置其视口、投影等基本属性。

var map = new OpenLayers.Map('map', {
    projection: 'EPSG:4326', // 地球坐标系统，也可以根据需要自定义
    displayProjection: 'EPSG:3857', // Web Mercator，适合在线地图
    maxResolution: 156543.0339,
});

2. **加载瓦片层**：
使用`OpenLayers.Layer.OSM`加载基础地图，这是OpenLayers提供的预置OSM（OpenStreetMap）瓦片层。

var layer = new OpenLayers.Layer.OSM();
map.addLayer(layer);

3. **创建多边形数据**：
定义一个多边形数组，每个元素包含一组经纬度点。例如：

var polygon = [
    [[13.4, 52.5], [13.5, 52.5], [13.5, 52.4], [13.4, 52.4]]
]; // 这里是柏林的一个简单示例

4. **添加多边形矢量图层**：
`OpenLayers.Geometry.Polygon`用于表示多边形，然后通过`OpenLayers.Vector`创建矢量图层并添加到地图上：

var geometry = new OpenLayers.Geometry.Polygon(polygon);
var vectorLayer = new OpenLayers.Layer.Vector('Polygon Layer', {
    strategies: [new OpenLayers.Strategy.Fixed()],
    style: {fillColor: '#FF0000', strokeColor: '#0000FF'},
});
vectorLayer.addFeatures([new OpenLayers.Feature.Vector(geometry)]);
map.addLayer(vectorLayer);