Gps 从两点边界开始的Mapbox矩形线

Gps 从两点边界开始的Mapbox矩形线,gps,coordinates,mapbox,rectangles,geo,Gps,Coordinates,Mapbox,Rectangles,Geo,我使用Mapbox,我的目标是从边界创建一个矩形。我还将地图居中放置在边界中 虽然Mapbox可以为fitBounds计算出我的所有四个坐标,但它对该行的作用不同。相反,它将线绘制为两点之间的线 我怎样才能…… …改为画一个矩形 …计算所需的其他两个坐标 代码的一部分 const界限=[ [17.76069212, 59.22761885], [18.20001876, 59.44007814], ]; var map=new mapboxgl.map({ 容器:“地图”, 样式:“mapbo

我使用Mapbox,我的目标是从
边界创建一个矩形。我还将地图居中放置在
边界中

虽然Mapbox可以为
fitBounds
计算出我的所有四个坐标,但它对该行的作用不同。相反,它将线绘制为两点之间的线

我怎样才能……

  • …改为画一个矩形
  • …计算所需的其他两个坐标
  • 代码的一部分
    const界限=[
    [17.76069212, 59.22761885],
    [18.20001876, 59.44007814],
    ];
    var map=new mapboxgl.map({
    容器:“地图”,
    样式:“mapbox://styles/mapbox/streets-v11",
    });
    map.fitBounds(边界{
    填充:16,
    });
    map.on(“加载”,()=>{
    map.addSource(“路由”{
    键入:“geojson”,
    数据:{
    键入:“功能”,
    属性:{},
    几何图形:{
    键入:“LineString”,
    坐标:边界,
    },
    },
    });
    map.addLayer({
    id:“路线”,
    键入:“行”,
    资料来源:“路线”,
    布局:{
    “线路连接”:“圆形”,
    “线头”:“圆形”,
    },
    油漆:{
    “线条颜色”:“#888”,
    “线宽”:8,
    },
    });
    });
    
    • 我看到了tupr.js,它似乎是可能的,但它是一个只需绘制矩形的大型库
    • 如果图书馆很小,我会接受它作为答案
    • 如果解决方案是一个数学公式,我需要一个代码示例来了解它的窍门

    使用一对边界坐标,您始终可以在mapbox中创建矩形,而无需任何库。。。这是一个使用左下角/右上角数据创建4个角的问题。

    Mapbox需要创建与初始点相同的第五个点

    使用您的,您可以创建一个功能添加到您的线层,它将画一个矩形。。。是这样的:

    {
    “几何学”:{
    “坐标”:[
    [
    [
    17.76069212, 
    59.22761885
    ],
    [
    17.76069212,
    59.44007814
    ],
    [
    18.20001876,
    59.44007814
    ],
    [
    18.20001876,
    59.22761885
    ],
    [
    17.76069212, 
    59.22761885
    ]
    ]
    ],
    “类型”:“多边形”
    },
    “类型”:“功能”,
    “属性”:{}
    }
    
    哦,天哪!我觉得自己很愚蠢。我从一开始就拥有所有需要的GPS坐标。我只是不知道如何把它们组合在一起。谢谢不傻,我的朋友,这在我身上也发生过很多次,事实上,mapbox要求的第五个坐标的警告并不那么明显