openlayers - openlayers：cloudmade 层的投影与 bing 或 osm 略有不同

Question

我有一个 openlayers 地图，其中包含不同的图层，例如 bing 或 openstreetmap，还有一个 cloudmade 图层。bing 和 openstreetmap 显示完全相同的位置。如果我将图层切换到cloudmade，位置会跳跃约200m。

任何想法，如何改变这个？

var map, options;

        function init(){

        map = new OpenLayers.Map('map', {
        controls: [
                new OpenLayers.Control.Navigation(),
                new OpenLayers.Control.ScaleLine(),
                new OpenLayers.Control.Attribution(),
                new OpenLayers.Control.LayerSwitcher(),
                new OpenLayers.Control.PanZoomBar({minZoom: 12})

            ],
            minZoom:12,
            maxZoom:19          });


    var osm = new OpenLayers.Layer.OSM();


var binghybrid = new OpenLayers.Layer.Bing({
key: "MYKEY",
type: "AerialWithLabels",
name: "Satellite"});

var cloudmade = new OpenLayers.Layer.CloudMade("cloudmade", {
key: 'MYKEY',
styleId: 57439});


             map.addLayers([cloudmade, binghybrid, osm]);
    var epsg4326 = new OpenLayers.Projection("EPSG:4326");
    var center = new OpenLayers.LonLat(14.290556,48.303056).transform(epsg4326, map.getProjectionObject());
    map.setCenter(center, 14);

Answer 1

您应该修改原来的 OpenLayers.Layer.CloudMade 类：将 OpenLayers.Layer.TMS 更改为 OpenLayers.Layer.XYZ。这是工作示例。