Krpano Linux 全景圖生成熱點及坐标抓取

全景圖目錄說明

生成全景圖後，在原圖檔的目錄下生成vtour檔案夾：

panos檔案夾是放全景圖切片的檔案夾。panos檔案夾有各種切片圖、縮略圖、預覽圖。

plugins放了若幹個官方插件。

skin檔案夾包含預設皮膚要include嵌入的vtourskin.xml，也可自定義自己的圖檔和檔案放到該地方。

tour.swf檔案就是krpano的flash viewer，flash的核心。

tour.js是krpano的html5 viewer以及嵌入的html腳本的集合檔案。

tour.html輕按兩下以後，就能在網頁上看到生成的全景圖了。也就是浏覽全景圖的入口。

tour_editor.html可視化地添加熱點以及決定每個場景起始位置的編輯器。

tour_testingserver.exe和tour_testingserver_macos 是分别對應window和mac打開全景圖進行本地浏覽的工具。

坐标抓取

• 将pano_pos.xml檔案作為一個插件檔案放到生成目錄下。
• 在tour.xml 引入該檔案：

<include url="pano_pos.xml"/>
           

• 在tour.xml中scene标簽下加入events标簽，加入onviewchange事件：

<events keep="true" name="showpos" onviewchange="show_pos()"/>
           

• 打開全景圖即可看到坐标抓取插件：

  

熱點生成

• 熱點的生成還需要引入插件，百度掏了很久。将hot檔案夾整個copy到vtour檔案夾下，并在tour.xml下引入檔案。

  

<include url="hot/hot.xml"/>
           

• 同樣在scene标簽下，加入hotspot标簽。

<hotspot ath="0" atv="13" linkedscene="scene_FJ" name="熱區一" onclick="js(openHtml('123');)" style="skin_hotspotstyle6" id="123" text="熱區一"/>
           

說明：
ath：橫坐标。
atv：縱坐标。
linkedscene：對應scene标簽中的name屬性。
name：熱點名字，不顯示。（嘗試過，不能為數字）
text：用于在全景圖中，熱點名稱的顯示。
onclick：點選熱點事件，可進行其他操作，之後另作講解操作。
style：熱點顯示風格，對應hot.xml中的類型，可修改各種風格。
id：相當于起一個對應的key。
           

至此，熱點生成完成。java中可以用DOM操作xml，進行修改檔案操作。通過腳本操作相關指令等來進行操作。