openlayers怎么将地图的坐标转化为普通坐标

可以使用OpenLayers中的transform方法来将地图坐标转化为普通坐标，示例代码如下：

var lonLat = new OpenLayers.LonLat(-123.12, 49.28).transform(
new OpenLayers.Projection("EPSG:4326"), // WGS 1984坐标系
new OpenLayers.Projection("EPSG:900913") // Google Mercator投影
);

这里将WGS 1984坐标系转化为Google Mercator投影。

相关问题

openlayers 实现根据坐标进行地图标注

实现根据坐标进行地图标注可以通过 `ol.Feature` 和 `ol.source.Vector` 来实现。下面是一个简单的示例代码：

var iconFeature = new ol.Feature({
  geometry: new ol.geom.Point(ol.proj.fromLonLat([116.3975, 39.9082])),
  name: '北京天安门广场'
});

var iconStyle = new ol.style.Style({
  image: new ol.style.Icon({
    anchor: [0.5, 46],
    anchorXUnits: 'fraction',
    anchorYUnits: 'pixels',
    src: 'https://openlayers.org/en/latest/examples/data/icon.png'
  })
});

iconFeature.setStyle(iconStyle);

var vectorSource = new ol.source.Vector({
  features: [iconFeature]
});

var vectorLayer = new ol.layer.Vector({
  source: vectorSource
});

var map = new ol.Map({
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    }),
    vectorLayer
  ],
  target: 'map',
  view: new ol.View({
    center: ol.proj.fromLonLat([116.3975, 39.9082]),
    zoom: 10
  })
});

其中，`ol.Feature` 表示一个要素对象，可以包含几何信息和属性信息；`ol.source.Vector` 是数据源，可以包含多个要素对象；`ol.layer.Vector` 是图层对象，用于显示数据源中的要素对象。

在上面的示例代码中，创建了一个 `ol.Feature` 对象，并指定它的几何信息为 `ol.geom.Point` 类型，坐标为 `[116.3975, 39.9082]`，表示北京天安门广场的经纬度坐标。然后创建了一个 `ol.style.Icon` 类型的图标样式，并将其设置为 `ol.Feature` 对象的样式。接着将 `ol.Feature` 对象添加到 `ol.source.Vector` 数据源中，最后将 `ol.source.Vector` 添加到 `ol.layer.Vector` 图层中，并将图层添加到地图中即可。

需要注意的是，需要将经纬度坐标转换为地图坐标。在上面的示例代码中，使用了 `ol.proj.fromLonLat` 方法进行坐标转换。

openlayers做点击地图获取图层坐标

您可以通过OpenLayers提供的`map.on('singleclick', function(evt){})`事件来获取点击地图时的坐标信息。具体代码如下：

map.on('singleclick', function(evt){
  var coordinate = evt.coordinate; // 获取点击地图时的坐标信息
  console.log(coordinate);
});

如果您需要获取点击地图时对应的图层信息，可以使用`map.forEachFeatureAtPixel(pixel, function(feature, layer){})`方法。具体代码如下：

map.on('singleclick', function(evt){
  var coordinate = evt.coordinate; // 获取点击地图时的坐标信息
  var pixel = evt.pixel; // 获取屏幕上的像素坐标
  var feature = map.forEachFeatureAtPixel(pixel, function(feature, layer){
    return feature;
  }); // 获取像素点上的要素信息
  
  if(feature){ // 如果存在要素信息
    console.log(feature.getProperties()); // 输出要素信息属性
  }
});

其中，`forEachFeatureAtPixel`方法的第一个参数`pixel`表示屏幕上的像素坐标，第二个参数`function(feature, layer){}`是一个回调函数，用于处理点击时获取到的要素信息。