openlayer5 半径不准 画圆_openlayers5实战--踩坑总结

1.接口返回圆心坐标和半径，直接通过new Circle(center,radius)添加圆形feature变小问题。

解决办法：

new  Feature()的geometry参数不能直接赋值new  Circel()得到的geometry，

要通过‘ol/geom/Polygon.js’中的fromCircle方法将new  Circel()得到的geometry转化一遍然后赋值给new  Feature()的geometry。

另：如果接口直接返回的坐标点画圆，则使用‘ol/geom/Polygon.js’中的circular方法。

import {circular as circularPolygon, fromCircle as fromCirclePolygon} from CC;

eg1:

let lng = parseFloat(d[0].lng);

let lat = parseFloat(d[0].lat);

let radius = parseFloat(d[0].radius);

let circle = new Circle(transform([lng, lat], 'EPSG:4326', 'EPSG:3857'), radius);

feature = new Feature({

position: transform([lng, lat], 'EPSG:4326', 'EPSG:3857'),

radius: radius,

type: 'circle',

id: 'N',

geometry: fromCirclePolygon(circle)