[rc-leafet] 基於 Leaflet.js 引擎的 React 地圖元件庫，支援 TypeScript

coder-j發表於2019-08-20
JSReact地圖元件TypeScript

專案推薦

  • 專案地址：
    rc-leaflet

  • 專案描述：

    • 基於Leaflet.js引擎的React地圖元件庫，支援TypeScript
    • 利用React元件的生命週期，對Leaflet.js API進行抽象封裝，用資料驅動檢視

  • 推薦理由：

    • 支援TypeScript
    • 彈出層，提示框，點位支援JSX內容
    • 支援海量點位元件
    • 支援聚合點位元件
    • 支援主題定製
    • 支援按需載入

  • 專案後續更新計劃：

    • LayerGourp元件
    • FeatureGroup元件
    • ImageOverlay元件
    • SvgOverlay元件
    • 周邊外掛（聚合點位，熱力圖，繪製工具，路徑規劃）

  • 示例程式碼：

    import { RCMap, TileLayer, DivIcon, Point, Polyline } from 'rc-leaflet'
<RCMap>
<TileLayer.AMap />
<Point position />
<Point position >
<DivIcon className />
<Point.Content className>this is content.</Point.Content>
</Point>
<Polyline  points />
</RCMap>
本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章