| | |
| | | <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 = {}; |
| | |
| | | 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> |
| | |
| | | <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 /> |