Story Map Tabbed 教學
文章推薦指數: 80 %
Story Map Tabbed Viewer℠ App (又稱為Story Map Text and Legend℠ App),讓您可以以分頁的方式呈現兩幅或多幅的Web 地圖,以便用戶在地圖之間進行切換檢視。
Home|ContactUs|Facebook官方粉絲團|Google+
互動產品
教育訓練
技術支援
活動訊息
公司簡介
StoryMapTabbed℠
Tabbed版型的App會以分頁標籤方式呈現一系列的地圖。
它包含一個能顯示文字內容的Description面板。
特 色:
欣賞其他人的MapTabbed
準備工作
StoryMapTabbedViewer℠App(又稱為StoryMapTextandLegend℠App),讓您可以以分頁的方式呈現兩幅或多幅的Web地圖,以便用戶在地圖之間進行切換檢視。
每幅地圖皆能呈現內容描述和圖例。
除此之外,如果地圖中圖層有啟動時間序列功能,App會自動顯示時間軸控制項以便用戶瀏覽特定時段的資料。
本App還能只顯示一幅地圖,為發佈Web地圖提供一個簡單又清晰的方法。
您可以在TabbedViewerApp中使用任何一幅來自ArcGISOnline的Web地圖。
您可以建立新的Web地圖、使用您現有的Web地圖,或使用在ArcGISOnline中由其他用戶或組織建立與共享的Web地圖。
在本教學中,您將建立屬於自己的Web地圖。
首先您將建立一組地圖,然後設定App程式使用這組地圖。
我們不會為您展示在ArcGISOnline中建立Web地圖的所有步驟,因為這些步驟取決於您要新增到地圖中的資料類型。
有關如何製作Web地圖的說明,請參考ArcGISOnlinehelp中建立地圖的部分。
如果您希望在App程式中顯示時間軸控制項,您可以在Configuretimesettingshelp主題中,找到如何在地圖中啟用與設定圖徵圖層的時間序列。
在開始前,您應該決定App中的每幅地圖應該要顯示相同的地理範圍,還是顯示不同的地理範圍。
例如,您可使用第一種呈現方式,讓每一幅地圖顯示同一座城市裡不同類型的人口屬性資料。
運用此方式展示地圖時,每一幅地圖會同步連動。
因此如果使用者在某一頁面中縮放或平移地圖,當他們切換到不同的頁面時,地圖會自動顯示已經平移或縮放的範圍。
1
使用免費帳號(PublicAccount)或組織帳號(OrganizationAccount)登錄ArcGISOnline。
2
如果您的App具有多個頁面選項,請建立與製作您要在第一個頁面顯示的地圖。
如果您的App只呈現一張地圖,請建立並製作該幅地圖。
請不要忘記為圖層設定快顯示窗,以便用戶可以點擊圖層上的圖徵取得更多資訊。
快顯視窗是StoryMap的重要組成要素。
如要為Web地圖的圖層設置快顯示窗,請點擊「Content」視窗中的圖層選單,然後選擇「ConfigurePop-up」(詳見以下螢幕截圖)。
3
儲存您的Web地圖。
您輸入的地圖名稱會顯示在描述內容上方以及頁面選單中。
不過在您設定App程式時,您可以為頁面選單設定不同的文字敘述,因此您不必在儲存Web地圖時擔心您輸入的地圖名稱適不適合該頁面選單。
分享Web地圖。
以StoryMap來說,通常預設會使用「Everyone(public)」選項。
如果您使用ArcGISOnline組織帳號,您還可以設定地圖只分享給您組織裡的其他成員。
分享地圖的方法有以下幾種:
在『mapviewer』中點選「Share」
在ArcGISOnline的App項目頁面中點擊「SHARE」按鈕(如下圖所示)。
4
連結到ArcGISOnline中您的地圖項目頁面(如要查詢您的Web地圖項目,請點擊ArcGISOnline中的「MyContent」,然後點選地圖的名稱;或在檢視地圖項目時,點擊「Detials」視窗中的「Viewitemdetails」按鈕)。
點擊「EDIT」按鈕,然後在「Description」編輯器中輸入與地圖相關的描述內容。
這些內容會顯示在App程式的「Descript」面板上。
(如果您傾向設定App程式則可以跳過此步驟,這樣此內容便不會顯示在「Descript」面板上。
)
在「Descript」的文字編輯器中,可以編輯文字格式、定義超連結及增加相片。
如要取得最佳結果,請使用簡單的格式。
5
針對您要在App中使用的每一幅Web地圖重複進行Step2、Step3和Step4。
如果您要讓每一張地圖具有相同的檢視範圍,您並不需要在儲存地圖時調整每一張地圖的檢視範圍,因為這項功能是App程式的預設行為。
使用同步顯示時,App程式會在首次啟動後自動將App中第一張地圖(最頂部)的檢視範圍套用到其他地圖上,因此您僅需設定第一張地圖的檢視範圍。
如果您要讓每張地圖顯示不同區域,則您在儲存每一幅Web地圖時設定的檢視範圍,就是App程式會顯示的範圍。
以下我們會為您介紹如何在這兩個選項之間進行選擇。
6
現在您應該準備好一套您要展示的地圖集了。
您將準備建立您自己的App,並設定App使用該地圖集。
返回您要在第一個地圖頁面中使用的Web地圖,然後在ArcGISOnline地圖檢視器中檢視該張地圖(如果您只想在App中顯示一張地圖,則在該地圖尚未打開的情況下將它打開)。
點擊「Share」按鈕。
在出現的對話視窗上點擊「MakeaWebApplication」按鈕。
7
在出現的App資料庫中,找到「StoryMapTextandLegend」,然後點擊「Publish」。
隨後系統會顯示您正在發佈Web地圖App的相關訊息。
您可以接受預設值,因為預設值與您在儲存Web地圖時輸入的內容相符。
然後點擊「Save&Publish」按鈕。
8
隨即會出現製作StoryMap的建置程式。
如果您希望App內的標題、子標題與預覽視窗顯示的內容不同,您可在建置程式右側面板中輸入您欲顯示的內容。
如果您要App程式只顯示一張地圖(意即App中不會出現頁面選單),您也可選擇寫入與地圖項目頁面之Description不同的內容。
(如果App是要顯示一張不是您製作的Web地圖時,那麼本項功能會非常有用,因為您可借此覆寫地圖作者為該地圖撰寫的描述內容)。
如果有需要,您還可以關閉Descript和圖例。
如果您擁有一系列的時序資料,您還可以設定時間軸的動作。
要預覽到目前為止您為App設定的樣式,您可以向下滾動捲軸到面板底部,然後點擊「Save」。
9
在建置程式的右側面板中,向下滾動捲軸至「AddAdditionalWebmaps」部分。
您可以在此輸入多筆Web地圖ID,為App程式指定其他幅Web地圖。
Web地圖ID是一串字母與數字的組合,當您瀏覽Web地圖時可以在瀏覽器網址列的URL中看到此ID。
例如,您可以在瀏覽器中開啟多個分頁,然後在每一個分頁開啟不同的Web地圖,並從網址列中複製地圖的ID,然後將地圖ID複製到面板的「WebmapIDs」中,並使用『逗號』分隔每個ID(不用空格)。
預設情況下,您指定的地圖名稱會顯示在地圖頁面選單上。
如果要使用更短的名稱覆寫這些預設名稱,可在「TabLabels」中輸入您要使用的名稱,並利用逗號進行分隔。
您可隨時點擊面板底部的「Save」按鈕並預覽App的外觀樣式。
10
位在面板底部的核取方塊是讓您可以選擇是否要將所有地圖的檢視範圍自動設置成第一張地圖所顯示的範圍,並在使用者平移和縮放地圖時,在每一張地圖間進行同步。
點擊「Save」並對App程式進行預覽,完成最終樣式設置後點擊「Done」。
恭喜您,您的StoryMap現在已經可以正式運行了!
11
若要啟動您的StoryMap,請至「MyContent」頁面搜尋您剛剛發佈的Web地圖App,然後點選該項目旁邊小小的控制選單按鈕,再選擇「ViewApplication」。
如要管理您的App程式(例如更改共享方式或在建置程式中進行修改),則首先您要在「MyContent」頁面中找到該App項目,然後點選該項目旁邊的控制選單按鈕(向下的箭頭),再選擇「Viewitemdetails」。
當您打開App項目頁面後,您將看到各種管理App程式的按鈕。
您可以在發佈後繼續編輯和修改StoryMap中使用的Web地圖。
例如,您可能想要新增更多精彩內容,調整顯示符號或快顯視窗,甚至更改瀏覽者看到的初始範圍。
簡單來說就是到「MyContent」頁面中選擇App項目,並在ArcGISOnline地圖檢視器中打開Web地圖。
您對Web地圖所做的任何更動將立即反映在您的StoryMap中:因此,您不需要重新發佈。
|互動產品|教育訓練|技術支援|活動訊息|公司簡介|聯絡我們|
Copyright © IDT |Legal LastUpdated:Thursday,July 23,2020 . PoweredbyOURPOWER
延伸文章資訊
- 1d|Bootcamp Taipei - 第五組共筆
Story Map http://storymap.knightlab.com. *須具備Google Account ... Storymap組員分享區: ... 其實可以直接將文件設定為共用...
- 2Story Map Tabbed 教學
Story Map Tabbed Viewer℠ App (又稱為Story Map Text and Legend℠ App),讓您可以以分頁的方式呈現兩幅或多幅的Web 地圖,以便用戶在地圖...
- 3Story Map Tour 教學
在ArcGIS Online 中建立新的Web 地圖,並設定您要在Tour 中顯示的區域和底圖。之後將Web 地圖公開共享成Web App,並從App 程式庫中選擇Story Map Tour。...
- 4Story Map Side Accordion 教學
Story Map Side Accordion℠ App 讓您透過側邊的地圖選單面板展示兩幅或多幅相同主題的Web 地圖與圖例。您可以在Side Accordion App 中使用任何一幅來自...
- 52022arcgis story map教學-遊戲體驗分享手遊推薦
2022arcgis story map教學-手遊攻略下載熱門遊戲排行,精選在Instagram上的網紅推薦,找arcgis story ... 與已和您共用的ArcGIS 地圖互動- Powe...