百度地图mavgl BezierCurve曲线生成器。线与点错乱问题

百度地图mavgl BezierCurve曲线生成器。线与点错乱问题

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：今天遇到百度地图一个坑点，简单记录一下。：

场景：生成百度地图使用飞线配合宽线生成效果为城市之间线为直线。pm要求生成曲线。就用到3D曲线生成器 BezierCurve，飞线图层 FlyLineLayer及宽线图层 LineLayer

效果如下：

提示：以下是本篇文章正文内容，下面案例可供参考

一、BezierCurve是什么？

示例：BezierCurve贝塞尔曲线

二、使用步骤

1.引入库

代码如下（示例）：

import {
    Map, MapvglView, MapvglLayer, CustomOverlay, message, TrafficLayer, NavigationControl } from 'react-bmapgl';
const [flyLineLayer,setFlyLineLayer] = useState([])

    const lngmkt = poi => {
    //处理数据并生成贝塞尔曲线
        let mercator = {
   };
        let earthRad = 6378137.0;
        // console.log("mercator-poi",poi);
        mercator.x = poi.lng * Math.PI / 180