ArcGis api for js上传shp文件

通过引用shapefile包解析shp文件
shapefile.js下载地址:https://download.csdn.net/download/weixin_40466386/12646719

<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <!--
  ArcGIS API for JavaScript, https://js.arcgis.com
  For more information about the geoprocessing-viewshed sample, read the original sample description at developers.arcgis.com.
  https://developers.arcgis.com/javascript/latest/sample-code/geoprocessing-viewshed/index.html
  -->
<title>Geoprocessing - viewshed analysis - 4.15</title>
  
    <script src="shapefile.js"></script>
    <script src="libs/jquery.min.js"></script>
  </head>

  <body>
   <input type="file" id="test">
  <button id="s">11</button>
  </body>
  <script>
      $("#s").click(function () {
          var file=$("#test").get(0).files[0];
          var reader = new FileReader();
          //将文件以二进制形式读入页面
          reader.readAsArrayBuffer(file);
          reader.onload=function(){
              var fileData = this.result ; //fileData就是读取到的文件的二进制数据
              console.log(fileData);
              shapefile.open(fileData)
                  .then(source => source.read()
                      .then(function log(result) {
                          if (result.done) return;
                          console.log(result.value);
                          return source.read().then(log);
                      }))
                  .catch(error => console.error(error.stack));
          }
      });

  </script>
</html>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值