別の場所に投影されたOpenLayers Ving Bing Maps

Question

私はbingマップでOpenLayersを使用しています。マーカーを追加しましたが、別の場所に表示しています。私はビン地図で使用した同じ座標とそれは正しい場所に表示されます。ここで

bing search result

これはOpneLayersは

$(function() { 

     var tileLayer = new ol.layer.Tile({ 
      source: new ol.source.BingMaps({ 
       key: 'Armnl..', 
       imagerySet: 'Aerial' 
      }) 
     }); 

     var map = new ol.Map({ 
      layers: [tileLayer], 
      target: 'map', 
      view: new ol.View({ 
       center: [-22.3869608, -49.7602708], 
       zoom: 5, 
      }) 
     }); 

     var p1 = new ol.Feature({ 
      geometry: new ol.geom.Point([-22.3869608, -49.7602708]) 
     }); 


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

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

     map.addLayer(vectorLayer); 

    }); 

は私が座標を変換する必要があるでしょうなりますか？

Answer 1

はい、確かに、あなたの座標をEPSG:3857に変換する必要があります。

あなたはEPSG使用してマップを構築する2つの異なるオプション

1）を持っている：4326。つまり、クライアントのタイルの再投影が行われます。そう

var map = new ol.Map({ layers: [tileLayer], target: 'map', view: new ol.View({ projection:'EPSG:4326', center: [-22.3869608, -49.7602708], zoom: 5, }) });

2を行うには

）あなたは 'EPSG：3857' にあなたのセンターをtranfrom。この投影法は、ol.view構成内で指定しないで使用します。 （マップに添付された最初のタイルレイヤーから自動的に投影された投影）。あなたのベクタポイントのためにそう

var map = new ol.Map({ layers: [tileLayer], target: 'map', view: new ol.View({ center: ol.proj.transform([-22.3869608, -49.7602708], 'EPSG:4326','EPSG:3857'); zoom: 5, }) });

終了を行うに

var p1 = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.transform([-22.3869608, -49.7602708], 'EPSG:4326','EPSG:3857')) });