管道基础大数据平台系统开发-【CS】-ExportMap
1
13693261870
2023-03-13 2ea31f4b927775c4b06060fd2d3881694f9e18f3
ExportMap/up.html
@@ -6,6 +6,7 @@
  <script src="js/jquery.1.12.4.js"></script>
  <script src="js/rsa.min.js"></script>
  <script src="js/rollups.js"></script>
  <script src="js/turf.min.6.5.js"></script>
  <script src="js/insertFiles.js"></script>
  <script>
    var app = {};
@@ -448,6 +449,30 @@
        alert("code = " + rs.code + ", msg = " + rs.msg + ", result = " + rs.result);
      });
    }
    // 生成缓冲区
    function generateBuffer() {
      var strs = $("#inpPoint").val().replace("POINT (", "").replace(")", "").split(" ");
      var x = parseFloat(strs[0]), y = parseFloat(strs[1]);
      var buffer = parseFloat($("#buffer").val()) / 1000;
      var steps = parseInt($("#steps").val());
      //var point = turf.point([x, y]);
      //var buffered = turf.buffer(point, buffer, { units: 'kilometers', steps: 16 });
      //var options = { precision: 6, coordinates: 2 };
      //var truncated = turf.truncate(buffered, options);
      var circle = turf.circle([x, y], buffer, { steps: steps, units: 'kilometers' });
      var cc = turf.truncate(circle, { precision: 6, coordinates: 2 });
      var arr = [], cs = cc.geometry.coordinates[0];
      for (var i = 0, c = cs.length; i < c; i++) {
        arr.push(cs[i][0] + " " + cs[i][1]);
      }
      var wkt = "POLYGON((" + arr.join(",") + "))";
      $("#oupArea").html(wkt);
    }
  </script>
</head>
<body>
@@ -504,6 +529,15 @@
    <input value="附件下载2" type="button" onclick="downloadReqForTabGuids();" />
    <hr />
    <br />
    Turf:
    <input id="inpPoint" type="text" value="POINT (100.746244878 35.588071316)" style="width: 256px;" />
    <input id="buffer" value="1" type="text" style="width: 30px;" />米
    <input id="steps" value="8" type="text" style="width: 30px;" />步数
    <textarea id="oupArea" style="width: 512px; vertical-align: bottom;"></textarea>
    <input value="生成" type="button" onclick="generateBuffer();" />
    <hr />
    <br />
  </form>
  <br />
  <br />