Story Map Tour 教學
文章推薦指數: 80 %
在ArcGIS Online 中建立新的Web 地圖,並設定您要在Tour 中顯示的區域和底圖。
之後將Web 地圖公開共享成Web App,並從App 程式庫中選擇Story Map Tour。
當您開始設定App 時 ...
Home|ContactUs|Facebook官方粉絲團|Google+
互動產品
教育訓練
技術支援
活動訊息
公司簡介
StoryMapTour℠
這項App能串連一系列的地點故事:它會呈現每個地點的照片及說明文字,並在互動式地圖上顯示相對應的符號。
這項App非常合適徒步導覽或讓使用者按照順序瀏覽一連串的景點。
特 色:
欣賞其他人的MapTour
教學影音GO!
1.如何由Facebook相簿中直接上傳照片
2.直接由連結網址上傳照片
3.批次上傳照片
準備工作
想要建立StoryMapTour℠?首先您需要彙整您要使用的多媒體資料(如照片或影片)。
您可以使用任意大小及形狀的照片,但我們建議使用橫幅照片(即寬比高長的照片)。
理想的照片大小和形狀近似於1000像素(寬)x750像素(高)。
您可以使用以下幾種方式儲存您的照片:
您可以將照片存放在Flickr、Facebook或Picasa等社群網路中,MapTour建置程式可以直接存取這些系統的照片,還會自動使用照片所附的地理資訊在地圖上進行定位。
如果照片沒有地理資訊,MapTour建置程式會讓您手動指定照片的地理位置。
除了上述方式外,您也可以將照片存放在任何能共享資料的線上系統,或是儲存在您自己的網站或Web伺服器上,並在建立Tour時手動輸入它們的URL。
如果您擁有ArcGIS組織級帳號且具有發佈權限,則您可以選擇從本機上傳照片到MapTour建置程式中,照片檔與您的Web地圖會一起儲存在雲端上。
如果您的照片尚未存放到線上系統,這會是一種較為便捷的方法。
MapTour可以使用影片代替照片,也可以同時使用照片和影片。
建置程式可以直接存取YouTube帳戶中的影片,或者將URL指定到YouTube、Vimeo、Vine等網站上的單一影片。
您可以在MapTour建置程式中預覽照片和影片的顯示名稱及說明文字。
此外,如果您想在建立MapTour之前就準備好所有資料,則您可以製作一份試算表,內容包含名稱、說明文字、地理座標、多媒體檔案的URL等設定MapTour的欄位,然後將試算表以CSV的格式匯入MapTour建置程式中。
您可以在MapTour建置程式中下載到試算表的範本。
如果您想設定文字格式及超連結,您可以在輸入導覽說明文字及標題時加入HTML標籤。
例如,您可以使用標籤將圖片說明文字設為斜體。
1
啟動StoryMapTour建置程式。
您可以使用ArcGIS的免費帳號(PublicAccount)或ArcGIS組織帳號(OrganizationAccount)。
此外,您也可以利用以下方式開啟StoryMapTour建置程式。
在ArcGISOnline中建立新的Web地圖,並設定您要在Tour中顯示的區域和底圖。
之後將Web地圖公開共享成WebApp,並從App程式庫中選擇StoryMapTour。
當您開始設定App時,MapTour建置程式便會自動開啟。
2
在MapTour建置程式啟動時出現的對話視窗中,選擇您存放照片或影片的位置。
如果使用具有發佈者權限的ArcGIS組織帳號,還可以選擇上傳照片。
如果您要手動設定照片或影片的URL位置,請點擊「Advancedoptions」按鈕(齒輪圖示),然後選擇「StartanewTour」。
舉例來說,如果照片已經儲存在您自己的網站或網路伺服器中,則您可以選擇此項。
如果要以匯入試算表的方式設定MapTour,可先點擊「Advancedoptions」按鈕,再點擊「DownloadtheCSVtemplate」連結下載CSV範本文件。
您可以在Excel或任何文字編輯器中編輯此文件,例如WindowsNotepad。
完成編輯後,可以在「Advancedoptions」對話視窗中,點擊「ImportTourdatafromaCSVfile」按鈕將完成的CSV檔案匯入MapTour程式。
3
請根據Step2中您選擇的選項說明進行操作。
舉例來說,如果您選擇Flickr選項,系統會提示您先輸入Flickr帳號,然後以選擇相簿或標記的方式,選擇一組您想使用的照片。
如果您選擇從本機上傳照片,則系統會提示您建立一個用於儲存照片檔案的ArcGISfeature服務,並且提示您為該服務命名。
4
如果您使用Flickr、Facebook、Picasa或YouTube存取多媒體內容,系統會顯示一個對話框,提示您選擇想要使用的單幅照片及其地理位置。
附有地理座標的多媒體內容會自動放置在對話框中的地圖上。
如果多媒體內容未加入地理座標,您可以以互動的方式將多媒體內容放置在地圖上。
你只需要以點擊方式選取照片或影片,然後點擊地圖進行放置。
無論您是否有選取照片或影片,您都可使用拖曳功能修改地圖的位置,然後再繼續其他操作。
完成座標設定後,點擊「import」。
5
如果您使用Flickr、Facebook、Picasa或YouTube存取多媒體內容,MapTour建置程式會預覽顯示已經設定好的Tour,以方便您為Tour中每個地點輸入說明文字以及進行其他更改。
如果在Step2中選擇以手動方式指定多媒體URL或將影像上傳到建置程式中,則您可以點擊「StartanewTour」按鈕建立新的Tour。
使用螢幕底部的「Add」按鈕新增地點。
「Add」對話框會提示您設定多媒體來源、說明文字和每一點的位置。
如果在Step2中選擇匯入CSV文件,則MapTour建置程式會預覽已經設定好的TourApp,以便您進行其他更改。
點擊左上角的「鉛筆」按鈕設定TourApp的標題和副標題。
您也可以點擊地圖右上角的「ChangeBasemap」更改底圖。
另外,點擊螢幕底部的「Organize」按鈕可以管理TourApp的地點。
您可以將Tour中第一個地點設成瀏覽簡介,而不會作為地理圖徵點顯示在地圖上。
這項功能讓您可以為Tour撰寫簡介,瀏覽者在開始瀏覽每一個地點之前便能初步了解Tour的內容。
6
點擊MapTour建置程式頂端的「Settings」按鈕,可以設定TourApp的外觀樣式和行為。
例如,在「Header」分頁中可以更改右上角顯示的商標圖示。
您可以上傳專屬的商標圖示,然後設定該圖示被瀏覽者點擊時,網頁會被導向哪一個URL。
這是一項重要的自訂功能,因為瀏覽者可以藉此瞭解您的組織、TourApp的作者,並且反映您的「品牌」。
7
點擊MapTour建置程式頂部的「Save」按鈕,然後點擊「Share」。
此時,您可以將您的TourApp設成公開存取。
如果使用ArcGIS組織帳號,您還可以設定只有組織內部人員才可以瀏覽。
8
共享TourApp後,點擊「Share」視窗中的「Open」按鈕可以開啟製作完成的TourApp;複製對話視窗中顯示的縮短網址,您便能透過電子郵件、社交軟體、網站及部落格中的連結,分享您的TourApp。
恭喜您,您的MapTour故事地圖現在已經開始運行!
您可以在MapTourApp所使用的Web地圖中,新增其他圖層資料。
例如,如果您的導覽地點是沿著某一段小路進行,您可以新增線圖層;如果TourApp是顯示具有歷史背景的區域地點,您可以加入邊界圖層。
在Web地圖檢視器的「Share」對話視窗中,您可以找到TourApp使用的Web地圖連結。
點擊該連結便能在ArcGISOnline地圖檢視器中編輯Web地圖。
您也可以從ArcGISOnline中的「MyContent」分頁進入Web地圖。
如果您要對MapTourApp進行進一步更改,可以開啟MapTourApp,然後點擊標題列的「Switchtobuildermode」按鈕。
(只有當您登錄到ArcGISOnline時才會顯示此按鈕,其他使用者不會看到此按鈕)。
此外,您也可以從ArcGISOnlineApp項目分頁中進入TourApp程式進行修改。
您可以在TourApp的「Share」對話視窗中,找到TourApp的超連結。
另外,從ArcGISOnline中「MyContent」分頁也可進入您的WebApp。
|互動產品|教育訓練|技術支援|活動訊息|公司簡介|聯絡我們|
Copyright © IDT |Legal LastUpdated:Thursday,July 23,2020 . PoweredbyOURPOWER
延伸文章資訊
- 1ArcGIS Enterprise
... mobile map package(192); navigator for arcgis(192); transportation network(192); locator(191)...
- 2d|Bootcamp Taipei - 第五組共筆
Story Map http://storymap.knightlab.com. *須具備Google Account ... Storymap組員分享區: ... 其實可以直接將文件設定為共用...
- 3Story Map Side Accordion 教學
Story Map Side Accordion℠ App 讓您透過側邊的地圖選單面板展示兩幅或多幅相同主題的Web 地圖與圖例。您可以在Side Accordion App 中使用任何一幅來自...
- 4Story Map Tabbed 教學
Story Map Tabbed Viewer℠ App (又稱為Story Map Text and Legend℠ App),讓您可以以分頁的方式呈現兩幅或多幅的Web 地圖,以便用戶在地圖...
- 5109學年度教學資源研發-空間資訊科技課程設計架構(A表)
學生都熟練classroom 操作與google 文件共用。 ... 政區及轄下社區的故事地圖(Story Map)的建置。 ... 藉由歷來Story map 優秀作品分享及討論,讓各組分組討論.