openlayers5实战--踩坑总结

时间 2019-12-11

标签 openlayers5 openlayers 实战总结繁體版

原文原文链接

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

　　解决办法：java

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

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

　　另：若是接口直接返回的坐标点画圆，则使用‘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)
})

eg2：

let lng = item.coordinateList[0].lng;
let lat = item.coordinateList[0].lat;
let radius = item.coordinateList[0].radius;
let circle4326 = circularPolygon([lng, lat],radius,64);
let circle3857 = circle4326.clone().transform('EPSG:4326', 'EPSG:3857');
feature = new Feature(circle3857);

2.测距不许问题。ip

　　解决办法：ci

　　使用'ol/sphere.js'中的getLength()方法计算。get

/*格式化测量长度
       *@params line:  type geometry
       */
      formatLength (line) {
        //定义长度变量
        let length = getLength(line);
        let output;
        if (length > 100) {
          output = `${(Math.round(length / 1000 * 100) / 100)} 千米`;
        } else {
          output = `${(Math.round(length * 100) / 100)} 米`;
        }
        return output;
      },