当前位置: 首页 > 软件库 > Web应用开发 > 网页组件 >

rc-leaflet

React 地图组件
授权协议 MIT
开发语言 TypeScript
所属分类 Web应用开发、 网页组件
软件类型 开源软件
地区 国产
投 递 者 邵宜年
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

项目介绍:

  • 基于`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/>
)

 

  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="//cdn.leafletjs.com/leaflet/v1.0.0-rc.1/leaflet.css"/> <!-- <link rel="stylesheet" h

  • Leaflet:CanvasLayer /* Generic Canvas Layer for leaflet 0.7 and 1.0-rc, 1.2, 1.3 copyright Stanislav Sumbera, 2016-2018, sumbera.com , license MIT originally created and motivated by L.Canvas

  • 加载本地地图 <html> <head> <metacharset=utf-8/> <title>IdentifyingFeatures</title> <metaname='viewport'content='initial-scale=1,maximum-scale=1,user-scalable=no'/> <!--从CDN上引入leaflet的文件--> <linkrel="styles

  • Leaflet使用中经验总结 标签:leaflet 1.Leaflet中使用复选框控制图层显示 ​ Leaflet本身有图层控制的支持,但最近用Leaflet做台风的小项目,其中一个细节是使用复选框控制图层显示与否,解决方法作如下记录。在表格中的"选择”列是对应一个台风图层的复选框,通过勾选来展示和隐藏本图层。Leaflet中的图层有其所属的leaflet_id,是为了保证图层的唯一性,但要选中复

  • <!DOCTYPE html> <html> <head>   <title>Leaflet Quick Start Guide Example</title>   <meta charset="utf-8" />   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <!--   <link rel=

 相关资料
  • <mip-map> 组件集成了百度地图的服务,目前支持定位、地图控件加载、定位点弹窗信息定制等功能! 标题 内容 类型 通用 支持布局 responsive, fixed-height, fill, container, fixed 所需脚本 https://c.mipcdn.com/static/v2/mip-map/mip-map.js 示例 基本用法 将参数写在 <script type="

  • RC

    ReplicationController 1 - 创建工程 $ oc new-project test 2 - 创建 rc.yaml,内容如下 apiVersion: v1 kind: ReplicationController metadata: name: mysql spec: replicas: 1 selector: app: mysql template:

  • 我想创建一个

  • JavaScript 实现的任意大小,任意方向, 任意角度的箭头。 示例截图 简单箭头 模拟select 发散箭头 安装 npm install rc-arrow --save import Arrow from 'rc-arrow'class Hw extends Component {    render() {        return (            <Arrow size="

  • rc-bullets 是一个基于 CSS3 Animation,使用 React 构建的可扩展、高性能弹幕组件。 特性 支持传入 React 组件,灵活控制弹幕内容和 UI,并提供一个默认样式组件:<StyledBullet/> 弹幕屏幕管理:清屏,暂停,隐藏(后续可能会加入针对单个弹幕的控制) 弹幕动画参数化:运动函数(匀速/ease/步进/cubic-bezier)、时长(秒)、循环次数、延迟

  • rc-redux-model 提供了一种较为舒适的数据状态管理书写方式,让你简洁优雅地去开发;内部自动生成 action, 只需记住一个 action,可以修改任意的 state 值,方便简洁,释放你的 ⌨️ CV 键~ rc-redux-model 参考了 dva 的数据流方案,在一个 model 文件中写所有的 action、reducer、state,解读了 redux-thunk 的源码,