Turf.js绘制包络线

最新推荐文章于 2024-08-12 09:24:46 发布

诸葛苍穹

最新推荐文章于 2024-08-12 09:24:46 发布

阅读量107

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/u012260672/article/details/129768991

版权

本文介绍了如何利用Turf.js库在JavaScript中高效地绘制地理空间数据的包络线，帮助开发者更好地处理和展示地理信息。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>openlayer 绘制包络线</title>
  <script src="https://openlayers.org/en/v4.6.5/build/ol.js"></script>
  <script src='https://npmcdn.com/@turf/turf/turf.min.js'></script>
  <link rel="stylesheet" href="https://openlayers.org/en/v4.6.5/css/ol.css" type="text/css">
</head>
<body>
  <div id="map" class="map"></div>
  <script>
    let circleArr = [
      {
   
        id: 1,
        coord: [17860900.96109145, 4419420.118625434],
        radius: 500
      },
      {
   
        id: 2,
        coord: [17273864.583861295, 4634711.182242914],
        radius: 500
      },
      {
   
        id: 3,
        coord: [18320746.12325507, 3901576.749523422],
        radius: 500
      },
      {
   
        id: 4,
        coord: [17503787.164943103, 3723166.847745486],
        radius