Mobile Atlas Creator 詳細使用說明

這一陣子，許多網友來詢問有關新版 Mobile Atlas Creator 1.98 的自定義地圖，所以決定多花一點時間，詳細說明整個過程，讓大家能夠更方便的下載自己喜好的地圖圖資。(豁出去了，這一陣子有點小討厭 Google)

以下均以 Google Maps 為例！使用到的工具如下

Google Chrome Browser

Nirsoft Chrome Cache View

1.首先去下載 Nirsoft 的 Cache View程式，它有分 for IE 以及 Firefox或是 Opera 的，這裡請以您自己使用的瀏覽器來選擇。

http://www.nirsoft.net/utils/chrome_cache_view.html (下載點)

2.執行瀏覽器 Google Chrome，或是您自己偏好的瀏覽器，並開啟 Google Maps 網址。

3.接下來，清除 Google Chrome 的 Cache 以及暫存資料，這個動作是為了讓你在下一步驟，比較容易找到 Google Maps 的圖資資訊。

4.接著執行 Nirsoft 的 Cache View 程式

5.回到 Google Chrome Browser，重新整理 Google Maps 網頁

6.再回到 Nirsoft Chrome Cache View ，按下重新整理

7.選取其中一個 png 圖檔的一列，並按下滑鼠右鍵，就會看到如圖的選單，請選擇 “Properties”

8.在 Properties 視窗中，URL一欄，就是 Google Maps 圖資的網址

9.您可以試著URL一欄中的網址全選、複製，然後貼到 Browser 去檢查

10.接下來我們解說一下，網址當中會用到的參數

http://mt0.google.com/vt/lyrs=m@184116379&hl=zh-TW&src=app&x=104&y=55&z=7&s=Galileo

其中重要的是 x 、y 、z 這三個值，x, y 就是座標，z 就是圖資的層級

11.再來，就是選擇使用哪一種自定義地圖的檔案。

在 Mobile Atlas Creator 的官網中，講了很多種方法

A.使用 XML 檔案來定義圖資

• 讀取網路圖資
• 讀取 Local Drive 檔案圖資(將每一層、每一個座標的圖資存成檔案)
• 讀取 ZIP 壓縮圖資檔(如果圖資檔案容量超過 4GB，需要使用 Java 7)
• 讀取 SQLite 圖資檔

B.使用Bean Shell Script 來定義圖資

C.使用Java Program 來開發 Map Pack

這次，我專講 A的第一點(其實我對 Java & Bean Shell 也不熟啦)，其他三點都有連結可看，請自行揣摩

XML 自定義圖資檔內容如下

<?xml version="1.0" encoding="UTF-8"?> <customMapSource> <name>Custom OSM Mapnik</name> <minZoom>0</minZoom> <maxZoom>18</maxZoom> <tileType>png</tileType> <tileUpdate>None</tileUpdate> <url>http://tile.openstreetmap.org/{$z}/{$x}/{$y}.png</url> <backgroundColor>#000000</backgroundColor> </customMapSource>

<name>：定義地圖名稱，就是您在Mobile Atlas Creator 圖資下拉選單中看到的名稱

<minZoom>：地圖最小層級編號，就是 0

<maxZoom>：地圖最大層級編號，一般設到 20 就差不多了

<tileType>：圖檔格式，剛才在 Chrome Cache View 裡看到，圖檔副檔名是 png

<tileUpdate>：則是問何時要更新地圖檔，你可以輸入 None 或是 IfNoneMatch

<url>：就是放剛才在 Chrome Cache View 裡看到的圖資網址，其中 x 數值以 {$x} 取代, y 數值以 {$y} 取代，z值以 {$z} 取代

另外，& 符號要以 & 取代

所以

http://mt0.google.com/vt/lyrs=m@184116379&hl=zh-TW&src=app&x=104&y=55&z=7&s=Galileo

就會變成

http://mt0.google.com/vt/lyrs=m@184116379&hl=zh-TW&src=app&x={$x}&y={$y}&z={$z}&s=Galileo

<backgroundColor>：就是設定圖資的背景顏色，用預設就行

所以，Google Maps 自定義圖資檔，就是

<?xml version="1.0" encoding="UTF-8"?> <customMapSource>     <name>Google Maps</name>     <minZoom>0</minZoom>     <maxZoom>20</maxZoom>     <tileType>png</tileType>     <tileUpdate>IfNoneMatch</tileUpdate>     <url>http://mt0.google.com/vt/lyrs=m@180000000&amp;hl=zh-TW&amp;src=app&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;s=Galileo</url>     <backgroundColor>#000000</backgroundColor> </customMapSource>

把框框裡的內容，存成 .xml 檔案，放在 mapsources 目錄下，再重新執行 Mobile Atlas Creator 即可。

---

Google 還有其他圖資，例如：

大氣圖

<?xml version="1.0" encoding="UTF-8"?> <customMapSource>     <name>Google 大氣圖</name>     <minZoom>0</minZoom>     <maxZoom>20</maxZoom>     <tileType>png</tileType>     <tileUpdate>IfNoneMatch</tileUpdate>     <url>http://mt0.google.com/vt/lyrs=m@184000000,weather_nolabels,weather_0cloud&amp;hl=zh-TW&amp;src=app&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;s=Galileo</url>     <backgroundColor>#000000</backgroundColor> </customMapSource>

---

地形圖

<?xml version="1.0" encoding="UTF-8"?> <customMapSource>     <name>Google 地形圖</name>     <minZoom>0</minZoom>     <maxZoom>20</maxZoom>     <tileType>png</tileType>     <tileUpdate>IfNoneMatch</tileUpdate>     <url>http://mt1.google.com/vt/lyrs=t@129,r@184000000&amp;hl=zh-TW&amp;src=app&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;s=Galileo</url>     <backgroundColor>#000000</backgroundColor> </customMapSource>

---

衛星圖

<?xml version="1.0" encoding="UTF-8"?> <customMapSource>     <name>Google 衛星圖</name>     <minZoom>0</minZoom>     <maxZoom>20</maxZoom>     <tileType>png</tileType>     <tileUpdate>IfNoneMatch</tileUpdate>     <url>http://khm0.google.com.tw/kh/v=115&amp;src=app&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;s=Galileo</url>     <backgroundColor>#000000</backgroundColor> </customMapSource>

---

大眾運輸圖

<?xml version="1.0" encoding="UTF-8"?> <customMapSource>     <name>Google 大眾運輸圖</name>     <minZoom>0</minZoom>     <maxZoom>20</maxZoom>     <tileType>png</tileType>     <tileUpdate>IfNoneMatch</tileUpdate>     <url>http://mt1.google.com/vt/lyrs=m@184000000,transit:comp%7Cvm:1&amp;hl=zh-TW&amp;src=app&amp;opts=r&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;s=Galileo</url>     <backgroundColor>#000000</backgroundColor> </customMapSource>

---

路況圖(透明)

<?xml version="1.0" encoding="UTF-8"?> <customMapSource>     <name>Google 路況圖</name>     <minZoom>0</minZoom>     <maxZoom>20</maxZoom>     <tileType>png</tileType>     <tileUpdate>IfNoneMatch</tileUpdate>     <url>http://mt1.google.com/vt?hl=zh-TW&amp;src=app&amp;lyrs=m@184000000,traffic|seconds_into_week:-1&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;style=15</url>     <backgroundColor>#000000</backgroundColor> </customMapSource>

---

地名圖(透明)

<?xml version="1.0" encoding="UTF-8"?> <customMapSource>     <name>Google 地名圖</name>     <minZoom>0</minZoom>     <maxZoom>20</maxZoom>     <tileType>png</tileType>     <tileUpdate>IfNoneMatch</tileUpdate>     <url>http://mt1.google.com/vt/lyrs=h@184000000&amp;hl=zh-TW&amp;src=app&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;s=Galileo</url>     <backgroundColor>#000000</backgroundColor> </customMapSource>

---

天氣圖(透明)

<?xml version="1.0" encoding="UTF-8"?> <customMapSource>     <name>Google 天氣圖</name>     <minZoom>0</minZoom>     <maxZoom>20</maxZoom>     <tileType>png</tileType>     <tileUpdate>IfNoneMatch</tileUpdate>     <url>http://mt2.google.com/mapslt?lyrs=weather_c_kph|invert:1&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;w=256&amp;h=256&amp;gl=tw&amp;hl=zh-TW</url>     <backgroundColor>#000000</backgroundColor> </customMapSource>

以上各種圖資，都是在瀏覽器裡選擇圖層，再去 Chrome Cache View 查網址，所以就不重複敘述。

---

至於網友問到 Google Hybird Maps，是將衛星圖疊上透明的路名圖

所以接下來就是瞭解圖資要怎麼疊，其實說穿了很簡單…

在 Mobile Atlas Creator 官網就有提供多圖層的 XML 定義檔

你唯一要注意的就是圖資先後的順序(疊圖的順序)，以及某些圖資不是透明圖疊上去就會蓋掉下面的圖。

例如：衛星圖+地名圖

<?xml version="1.0" encoding="UTF-8" standalone="yes"?> <customMultiLayerMapSource>     <name>Google Hybird Maps</name>     <tileType>PNG</tileType>     <layers>         <customMapSource>             <name>Google 衛星圖</name>             <minZoom>0</minZoom>             <maxZoom>20</maxZoom>             <tileType>PNG</tileType>             <tileUpdate>None</tileUpdate>             <url>http://khm0.google.com.tw/kh/v=115&amp;src=app&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;s=Galileo</url>             <backgroundColor>#000000</backgroundColor>         </customMapSource>         <customMapSource>             <name>Google 地名圖</name>             <minZoom>0</minZoom>             <maxZoom>20</maxZoom>             <tileType>PNG</tileType>             <tileUpdate>None</tileUpdate>             <url>http://mt1.google.com/vt/lyrs=h@184000000&amp;hl=zh-TW&amp;src=app&amp;x={$x}&amp;y={$y}&amp;z={$z}&amp;s=Galileo</url>         </customMapSource>     </layers> </customMultiLayerMapSource>

以上，報告完畢，夠簡單吧，比 BeanShell 更簡單！