人人都可以做的WebGIS·共享在線地圖服務——將機場表格數據在在線地圖上顯示

人人都可以做的WebGIS·在線地圖服務——將機場表格數據在在線地圖上顯示


1.表格數據格式轉爲.xls格式若直接是這個格式就不用轉

鏈接:https://pan.baidu.com/s/1Mvcusxv661qPbkdr7W65SQ
提取碼:sqgd
複製這段內容後打開百度網盤手機App,操作更方便哦

2.導入ArcMap中用 工具包中的 Excel轉Table工具 將數據文件轉換 爲表並加載在圖層上,將表數據設置XY由數據中的經緯度分別表示,顯示出來,再導出爲shp文件。
  • (1)首先,確保Excel中有兩列是X、Y座標,如下圖所示:在這裏插入圖片描述
  • (2)打開ArcMap,在工具箱中找到Conversion Tools -->Excel -->Excel To Table工具。
    在這裏插入圖片描述
  • (3)在工具中選擇要導入的Excel文件,選擇表導出的位置,和數據所在的sheet頁,點擊OK。
    在這裏插入圖片描述
  • (4)數據轉換完成後,表會自動添加到TOC窗口中。右擊表,選擇Display XY Data…選項。
    在這裏插入圖片描述
  • (5)在彈出框中將X、Y座標對應的字段選好,點擊Edit,選擇座標系,點擊OK
    在這裏插入圖片描述
3.在圖層中添加地理座標系,添加WGS84座標系。

在這裏插入圖片描述
在這裏插入圖片描述

4.將表導出爲.shp文件並在圖層中加載出來

展示完成後,點會作爲一個圖層添加到地圖中。右擊該圖層,選擇Data–>Export Data…,在保存窗口選擇數據保存位置和導出的shp數據的名稱,點擊保存,完成。
在這裏插入圖片描述

5.將導出的.shp文件壓縮成壓縮包.zip 。

**需要將導出的這6個文件同時壓縮 .zip **
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

6.進入 www.arcgis.com/home 官網,註冊一個賬號登錄,點擊一個地圖進入地圖編輯頁面,點擊新建地圖

注:

註冊賬號時,容易出現密碼怎麼都設不對的情況,這個時候重要刷新頁面重新輸入就行的在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

7.點擊添加數據,選擇添加文件,選擇剛纔做好的.shp文件的壓縮包,點擊確定。

在這裏插入圖片描述

8.對添加的點數據進行一些渲染設置,點擊保存

在這裏插入圖片描述

9.保存到自己選擇的目錄下後,點擊共享,在設置所有人可見的框裏點擊打鉤。

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

10.點擊嵌入地圖,在彈出的框裏進行功能選擇,選擇完成後複製上面長框中生成的html格式代碼後,點擊完成。

在這裏插入圖片描述在這裏插入圖片描述

11.在桌面新建一個TXT文本文件打開,將剛複製的代碼粘貼到文本文檔中,將下面的框架複製粘貼到其中。

在這裏插入圖片描述

12.將長條代碼(網頁生成的代碼)<style>…</style> 部分替換框架代碼<style> …</style>部分,再將長條代碼<div> …部分替換框架代碼<div>…</div>部分

最重要一點 長條代碼中的URL(域名)前必須加 http: (冒號必須要用半角符號)

最重要一點

長條代碼中的URL(域名)前必須加 http: (冒號必須要用半角符號)

<!DOCTYPE html>
<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 Map</title>
      <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>

在這裏插入圖片描述

13.將txt,後綴改爲.html,用瀏覽器打開即可看到你創造的WebGIS網站在這裏插入圖片描述

在這裏插入圖片描述

參考:
ArcGIS將帶有X、Y座標的Excel數據轉成shp點數據
https://blog.csdn.net/Sdnu08gis/article/details/80221298

ArcGIS發佈地圖服務 https://www.cnblogs.com/xixihuang/p/5753438.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章