藉助leaflet開發柵格地圖

沒有嚴謹冗長的下定義，沒有生動形象的口水話，我是前端黏貼板。

• 柵格地圖能作什麼

  柵格地圖：由數字矩陣接合而成圖像。 簡單說，把完整的圖片分割成有規律的若干部分，再相同的規律在程序中拼接起來。 小到室內設計/工位圖，大到世界地圖都可採用柵格地圖實現 此處介紹的是webgis中的leaflet框架。

• 準備工做

  所需展現的無非是地圖與圖上信息。 除去code層面上，須要準備的就是內容的數字信息。 leaflet同時支持http與file協議，一串可供img的src解析的路徑便可。 此處能夠自行編輯一張圖片，或者申請高德/百度的api

• 繞不過去的配置參數

  leaflet文檔

  1. url：步驟二中地圖服務
  2. zoom：層級，在url中體現爲z參數
  3. center：視圖中心點
  4. bounds：視圖邊界
  5. crs：參照座標系，與gis相關

• vue-leaflet精簡代碼

  Vue2Leaflet地址

  vue組件化開發，友好的中文文檔，不贅述

• 致謝：

  所謂前人栽樹，後人摘果。 好的模仿是學習的一半，從抄襲別人的代碼到引用別人的文章。

  在此附上特別好的整理文章：入門Leaflet之小Demo