React 地图组件 rc-leaflet

MIT
TypeScript
跨平台
2019-08-23
coder-j

项目介绍:

  • 基于`Leaflet`引擎的`React`地图组件,支持`TypeScript`
  • 由数据驱动地图元素的添加与移除,完整的声明周期控制

支持特性:

  • 支持TypeScript
  • PopupTooltipDivIcon组件支持JSX内容
  • 支持海量点位组件
  • 支持聚合点位组件
  • 支持主题定制
  • 支持按需加载

支持插件:

后续规划:

  • LayerGroupFeatureGroupGeoJson组件
  • ImageOverlaySvgOverlay组件
  • rc-leaflet-heatmap热力图插件
  • rc-leaflet-routing路径规划插件
  • rc-leaflet-cluster聚合插件

使用示例:

import { Config, RCMap, TileLayer, Point } from 'rc-leaflet'

let center = [39.915526, 116.403847]
(
  <RCMap crs={Config.CRS.BMap} center={center}>
    <TileLayer.BMap />
    <Point position={center} />
  <RCMap/>
)

 

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

leaflet-echarts,使用leaflet加载echarts制作超炫可视化地图

基于leaflet 扩展echarts,使ECharts的地图可以加到leaflet上

2016/01/10 13:15
824
1
使用Leaflet创建地图拓扑图

之前我们采用过Openlayers+Qunee的方案,实现地图拓扑图,鉴于Openlayers是一个古老项目,略显臃肿,对于现代的前端地图应用,显得笨重,在客户的介绍下,我们找到了leaflet – 基于HTML5的轻...

2014/07/27 23:04
10.1K
3
Angular 个人深究(五)【外部包引用 Leaflet 简单实用】

  Leaflet 使用      最近在Angular项目中,用到了地图,由于种种原因放弃了百度地图api使用,最后选择了leaflet,简单介绍一下。      介绍:      Leaflet 是一个为移动设备...

2018/12/03 15:46
39
0
离线地图

瓦片地图原理 瓦片地图由一片一片的地图瓦片构成,它的尺寸是256px*256px,是一张张的图片。下面的金字塔图片,从上到下,呈一个指数关系的增长,最上面对应比例尺最小,表示范围最大的地图,...

07/16 13:46
7
1
最最流行的10个开源数据可视化项目

开发人员应该能够使用他们最需要的工具,同时又让社区能够带来积极影响,帮助那些工具日臻完善,从而满足不断变化的要求。

2016/12/09 01:16
38
0
最好用的20个数据可视化工具(三)

日期:2013-7-25 来源:GBin1.com 在前两篇博文中,我们介绍过了10种可视化工具: 最好用的20个数据可视化工具(一) 最好用的20个数据可视化工具(二) 本篇中我们将继续介绍5款可视化工具。...

2013/07/25 12:23
108
0
博客传送门

#Awesome GIS(GIS Tech Stack技术栈) > Geomatics专栏点此:http://www.jianshu.com/collection/3fa5e8ac3fbc **** ###语言 - [Python](https://www.python.org/) 最好的快速开发语言,是一...

2016/05/03 11:54
25
1
leeflet+echars做基于地图的迁移

- 先看一下效果图 ![迁移图效果展示](https://oscimg.oschina.net/oscnet/bbe1f7777e47587e9b5ab9da89a85e410b4.jpg "迁移图效果展示") - 接下来我们看一下它的具体实现: - 首先导入必要的j...

2018/06/15 11:37
60
0
Coding and Paper Letter(四)

资源整理。 1 Coding: 1.与Ecological Forecast这本书以及研究生相关的实践活动。 EF_Activities 2.h2o的R示例,h2o是一个机器学习的平台。 h2o-r-examples 3.R语言包rnassqs,是NOAA快速A...

2018/07/10 15:25
25
0
程序员必备的七个图形工具

脑图: XMind 流程图:Graphviz 流程图: Visio、Dia、OmnIGraffle windows:Visio GNU/Linux:Dia mac:OmniGraffle 在线流程图:Processon 各种图: Word和Excel 各种图:D3.js 地图:Lea...

2018/12/08 16:17
68
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部