人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示

人人都可以做的WebGIS·在线地图服务——将机场表格数据在在线地图上显示


1.表格数据格式转为.xls格式若直接是这个格式就不用转

链接:https://pan.baidu.com/s/1Mvcusxv661qPbkdr7W65SQ
提取码:sqgd
复制这段内容后打开百度网盘手机App,操作更方便哦

2.导入ArcMap中用 工具包中的 Excel转Table工具 将数据文件转换 为表并加载在图层上,将表数据设置XY由数据中的经纬度分别表示,显示出来,再导出为shp文件。
  • (1)首先,确保Excel中有两列是X、Y坐标,如下图所示:人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第1张图片
  • (2)打开ArcMap,在工具箱中找到Conversion Tools -->Excel -->Excel To Table工具。
    人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第2张图片
  • (3)在工具中选择要导入的Excel文件,选择表导出的位置,和数据所在的sheet页,点击OK。
    人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第3张图片
  • (4)数据转换完成后,表会自动添加到TOC窗口中。右击表,选择Display XY Data…选项。
    人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第4张图片
  • (5)在弹出框中将X、Y坐标对应的字段选好,点击Edit,选择坐标系,点击OK
    人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第5张图片
3.在图层中添加地理坐标系,添加WGS84坐标系。

人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第6张图片
人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第7张图片

4.将表导出为.shp文件并在图层中加载出来

展示完成后,点会作为一个图层添加到地图中。右击该图层,选择Data–>Export Data…,在保存窗口选择数据保存位置和导出的shp数据的名称,点击保存,完成。
人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第8张图片

5.将导出的.shp文件压缩成压缩包.zip 。

**需要将导出的这6个文件同时压缩 .zip **
人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第9张图片
人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第10张图片
在这里插入图片描述

6.进入 www.arcgis.com/home 官网,注册一个账号登录,点击一个地图进入地图编辑页面,点击新建地图

注:

注册账号时,容易出现密码怎么都设不对的情况,这个时候重要刷新页面重新输入就行的人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第11张图片
人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第12张图片

7.点击添加数据,选择添加文件,选择刚才做好的.shp文件的压缩包,点击确定。

人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第13张图片

8.对添加的点数据进行一些渲染设置,点击保存

人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第14张图片

9.保存到自己选择的目录下后,点击共享,在设置所有人可见的框里点击打钩。


人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第15张图片
人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第16张图片

10.点击嵌入地图,在弹出的框里进行功能选择,选择完成后复制上面长框中生成的html格式代码后,点击完成。

人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第17张图片人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第18张图片

11.在桌面新建一个TXT文本文件打开,将刚复制的代码粘贴到文本文档中,将下面的框架复制粘贴到其中。

人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第19张图片

12.将长条代码(网页生成的代码) 部分替换框架代码部分,再将长条代码
…部分替换框架代码
部分

最重要一点 长条代码中的URL(域名)前必须加 http: (冒号必须要用半角符号)

最重要一点

长条代码中的URL(域名)前必须加 http: (冒号必须要用半角符号)


<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
      <title> China airport Maptitle>
      <link rel="stylesheet" href="https://js.arcgis.com/3.21/esri/css/esri.css">
      link>
	  <style>.embed-container {position: relative; padding-bottom: 80%; height: 0; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} small{position: absolute; z-index: 40; bottom: 0; margin-bottom: -15px;}
      style>
      <script src="https://js.arcgis.com/3.21/">
      script>
  head>
  <body>
     <div class="embed-container">
       <iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="airport1.0" src="http://www.arcgis.com/apps/Embed/index.html?webmap=5082f97dc10a4592a50f5b3f4ff8e327&extent=59.4761,0.8293,157.2105,47.4837&home=true&zoom=true&previewImage=false&scale=true&search=true&searchextent=true&basemap_gallery=true&disable_scroll=false&theme=light">
       iframe>
     div>
  body>
html>

人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第20张图片

13.将txt,后缀改为.html,用浏览器打开即可看到你创造的WebGIS网站人人都可以做的WebGIS·共享在线地图服务——将机场表格数据在在线地图上显示_第21张图片

参考:
ArcGIS将带有X、Y坐标的Excel数据转成shp点数据
https://blog.csdn.net/Sdnu08gis/article/details/80221298

ArcGIS发布地图服务 https://www.cnblogs.com/xixihuang/p/5753438.html

你可能感兴趣的:(WebGIS)