Openlayersを使って円の境界線の座標を計算する方法3

Question

私は与えられた半径のポイントフィーチャを持っています。

 var givenRadius = 1000; 
     var coords = feature.getGeometry().getCoordinates(); 
     var projection = map.view.getProjection(); 
     var resolutionAtCoords = projection.getPointResolution(resolution, coords); 

     var featureStyleRadius = Math.round(radius/resolutionAtCoords); 

     style.getImage().setRadius(featureStyleRadius); 

表示される円がOKに見える - 私は地図上の半径を測定することによって、それをチェックする：私は、私のようなスタイリング機能の内半径を計算します。

ここでは、センターと境界に2つのマークを付けたいと思います。私はこのようにそれを行う：

 var center = ol.proj.transform([lon,lat], 'EPSG:4326', 'EPSG:3857'); 

     // center point 

     map.previewLayer.getSource().addFeature(new ol.Feature({ 
       geometry: new ol.geom.Point(center), 
       type: "dragPoint" 
      }) 
     ); 

     // border point 

     center[0] += givenRadius; 

     map.previewLayer.getSource().addFeature(new ol.Feature({ 
       geometry: new ol.geom.Point(center), 
       type: "dragPoint" 
      }) 
     ); 

センターマークが正しく配置されていますが、国境マークが円の内側に常にある（〜にかかわらず、半径の大きさや、マップズームの半径の2月3日）は - 絵を参照してください。計算に何が問題なのですか？あなたはgivenRadiusとresolutionAtCoordsを使用して円の半径を計算しているコードの見た目によって

Answer 1

。しかし、ボーダーポイントを計算中にgivenRadiusをcenterにハードコーディングして追加しています。だから毎回センターに1000メートルを追加します。 代わりにfeatureStyleRadiusをcenterに追加する必要があります。

Answer 2

EPSG：3857投影に関連するマップの歪みに関連するようです。私は中心座標をEPSG：4326に変換し、この投影の境界点の位置を計算し、EPSG：3857に変換することで問題を解決しました。このようにすると、ポイントが境界に正確に配置されます。