以前藉助
leaflet +
qunee實現了
地圖拓撲圖,一樣使用leaflet的有個更專業的地圖應用:
Mapbox,能夠定製出簡單、專業、漂亮的地圖,在傳統地圖服務商(Google,Nokia, Apple ...)以外,有了更好的選擇,Mapbox Studio是一款開源軟件,使用了大量的web技術:Mapnik, node.js, backbone.js, leaflet, codemirror ...... 其客戶端自己就是一個webapp + Chrome,跨平臺,有良好的交互體驗,值得前端開發者學習和參考
原文:
https://www.mapbox.com/mapbox-studio/common-questions/#how-is-mapbox-studio-related-to-tilemill 翻譯:
http://blog.qunee.com
MAPBOX STUDIO 常見問題
- 什麼是矢量瓦片?
- style項目與source項目的區別?
- 我是否能使用git管理項目?
- 我是否須要經過Mapbox帳號來使用Mapbox?
- 我能夠用pro fonts作或者不能作什麼?
- Mapbox Studio 與 TileMill 的關係?
- Mapbox Studio 與 Mapbox GL 的關係?
- 文件上傳大小顯示是什麼?
什麼是矢量瓦片?
矢量瓦片是將矢量數據轉換成圖片塊,用於在線地圖,藉助瓦片的緩存機制,實現可縮放的地圖呈現服務,每個圖片塊都表明一個座標區域,好比下圖是下曼哈頓的一角,包含道路,建築和公園 html
一個矢量瓦片,包含全部的座標信息和元數據 - 好比道路名稱,地塊類型,建築高度 - 以一種緊湊的可解析的格式,矢量瓦片是一種高性能格式,在樣式、輸出格式和交互方面更加靈活 前端
style項目與source項目的區別?
Mapbox Studio 的這兩種項目有很大的區別: 樣式項目包含樣式表,基本的元數據(名稱,描述,屬性等)和一個數據源的引用 源項目包含傳統的地圖數據格式(Shapefile, GeoJSON等),當轉換成矢量瓦片時,能夠經過樣式項目進行風格化 node
Mapbox Studio 樣式與數據源的關係相似 CSS 樣式表與HTML文檔的關係 git
我是否能使用git管理項目?
是的,也是咱們推薦的,每一個樣式和源項目都是一個包含多種文件的目錄,構建一個git倉庫保存這些資源(樣式表,元數據,圖標,紋理),能夠便於版本管理,若是有新的想法,你還能夠建立分支等 能夠從GitHub上,從OSG的bright倉庫中提取一個示例樣式做爲參考
我是否須要Mapbox帳號來使用Mapbox Studio?
是的,須要一個Mapbox帳號來訪問Mapbox中默認的矢量瓦片數據源,你能夠免費試用這些功能,可是若是要使用全部的功能你必須加入Mapbox標準計劃(https://www.mapbox.com/plans/) 在Mapbox Studio以外你也可使用這些樣式和數據,你能夠導出矢量瓦片爲標準的MBTiles文件,也能夠將樣式項目打包成.tm2z格式
我能夠用pro fonts作或者不能作什麼?
Mapbox Studio 中包含超過300中受權字體,僅受權用於Mapbox Studio
你能夠:
- 在Mapbox Studio 中使用這些字體設計樣式
- 使用Mapbox帳號發佈這些樣式
- 打印和導出靜態圖片
你不能:
- 從Mapbox Studio中拷貝出這些字體
- 在Mapbox Studio的的分支或者派生應用中使用
- 不經過你的Mapbox帳號發佈使用這些字體的地圖
Mapbox Studio 與 TileMill的關係?
Mapbox Studio 是一個由Mapbox全新設計的應用,全力支持矢量瓦片,目標是全功能的取代和改進TillMill
相同點:
- 開源,Mapbox Studio代碼託管在GitHub
- 基於CartoCSS樣式渲染,二者都使用CartoCSS語言和Mapnik渲染
- 一樣普遍的地圖數據支持,支持Shapefile, GeiJSON, CSV, PostGIS等
不一樣點:
- 基於矢量瓦片,使得樣式渲染更快,容許任何人使用海量全球數據庫,樣式修改佈局能夠在幾秒鐘內完成
- 分辨率獨立,基於矢量瓦片的樣式項目,能夠支持視網膜屏幕,支持高達600dpi渲染,這是普通地圖所不支持的
Mapbox Studio與Mapbox GL的關係?
Mapbox Studio是Mapbox GL的前身,二者使用不一樣的渲染技術,連個平臺都基於Mapnik 矢量瓦片格式,可是Mapbox Studio使用Mapnik在後端渲染,而Mapbox GL使用GPU(在前端)渲染 Mapbox Studio建立的矢量數據能夠直接用於Mapbox GL,隨着Mapbox GL渲染技術的成熟,預計Mapbox Studio將使用GL的渲染技術
上傳文件大小限制?
若是你獲得這樣的異常,Error: Tile exceeds maximum size of 500k at zoom …, 這意味着你上傳的矢量瓦片包含了太多數據,多是你的樣式太複雜,致使渲染成.png瓦片時間太長,任何單獨的瓦片都不能超過500k,變通的方法時,你能夠下降你的數據源的最小縮放比例,這樣在較低的縮放級別,每一個矢量瓦片包含較少的數據