1

嗨，我正在使用 Openlayer 地图，这是我的脚本，地图没问题，但标记不起作用：

 var map = new OpenLayers.Map ('open_map', { 
      controls:[ 
      new OpenLayers.Control.Navigation()
      ],
      projection: new OpenLayers.Projection("EPSG:900913"),
      displayProjection: new OpenLayers.Projection("EPSG:4326")
    });
     var lonLat = new OpenLayers.LonLat(_json.lon, _json.lat).transform (
    new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
    map.getProjectionObject() // to Spherical Mercator Projection
);

     var markers = new OpenLayers.Layer.Markers( "Markers" );
     map.addLayer(markers);

     var size = new OpenLayers.Size(16,27);
     var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
     var icon = new OpenLayers.Icon('http://www.google.com/mapfiles/marker.png', size, offset);
     markers.addMarker(new OpenLayers.Marker(lonLat, icon.clone()));

     var mapnik = new OpenLayers.Layer.OSM("Test");
     map.addLayer(mapnik);

     map.setCenter (lonLat, 5 /* zoom lvl */);

   console.log(lonLat);
console.log(_json.lon);
console.log(_json.lat);

这是控制台日志：

在此处输入图像描述 当我不使用标记时，地图缩放正好在我通过的 lon 和 lat 中，而如果我使用标记，则标记实际上放在他们需要的位置之外。

有人有建议吗？

4

1 回答 1

3

目前你是：

  1. 从原始坐标创建标记
  2. 将坐标从 4326 转换为 900913 并使用它们来居中地图。

您在 _json 对象中的坐标在哪个系统中？如果它们是 EPSG:4325（从 -180 到 180 或 0 到 360），则从转换后的坐标创建标记：

var lonLat = new OpenLayers.LonLat(_json.lon, _json.lat).transform (
    new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
    new OpenLayers.Projection("EPSG:900913") // to Spherical Mercator Projection
    // map.getProjectionObject() doesn't work for unknown reason
);

markers.addMarker(new OpenLayers.Marker(lonLat, icon));
markers.addMarker(new OpenLayers.Marker(lonLat, icon.clone()));

map.setCenter (lonLat, 5 /* zoom lvl */);

PS，是否有任何特殊原因要在同一个地方创建两个标记：

markers.addMarker(new OpenLayers.Marker(lonLat, icon.clone()));
于 2012-10-23T18:28:22.527 回答