openlayers 常用地方方法

以下是 OpenLayers 中常用的一些地图方法：

1. 创建地图对象

var map = new ol.Map({
  target: 'map', // 地图容器元素的 id
  layers: [...], // 地图图层
  view: new ol.View({
    center: [0, 0], // 地图中心点坐标
    zoom: 2 // 地图缩放级别
  })
});

2. 添加图层

var layer = new ol.layer.Tile({
  source: new ol.source.OSM()
});

map.addLayer(layer);

3. 设置地图中心点和缩放级别

map.getView().setCenter([lon, lat]);
map.getView().setZoom(zoom);

4. 添加标注

var marker = new ol.Feature({
  geometry: new ol.geom.Point([lon, lat]),
  name: 'Marker'
});

var markerLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [marker]
  })
});

map.addLayer(markerLayer);

5. 添加矢量图层

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [...]
  }),
  style: new ol.style.Style({
    stroke: new ol.style.Stroke({
      color: 'blue',
      width: 3
    }),
    fill: new ol.style.Fill({
      color: 'rgba(0, 0, 255, 0.1)'
    })
  })
});

map.addLayer(vectorLayer);

6. 监听地图事件

map.on('click', function(evt) {
  console.log('Map clicked at ' + evt.coordinate);
});

7. 缩放地图

map.getView().setZoom(map.getView().getZoom() + 1); // 放大地图
map.getView().setZoom(map.getView().getZoom() - 1); // 缩小地图

8. 平移地图

map.getView().setCenter([lon, lat]); // 移动地图中心点

9. 获取地图当前范围

var extent = map.getView().calculateExtent(map.getSize()); // 获取地图当前范围

10. 图层切换

layer.setVisible(true); // 显示图层
layer.setVisible(false); // 隐藏图层

这些方法只是 OpenLayers 中的一部分，还有很多其他的方法可以根据不同的需求进行调用。