Nondeterministic Postrequisite Metaprotocol

    @antv/l7plot
    TypeScript icon, indicating that this package has built-in type declarations

    0.4.2 • Public • Published

    L7Plot

    🌍 Geospatial Visualization Chart Library Based on L7.

    Version Status Release Status Coverage Status Percentage of issues still open Average time to resolve an issue

    WebsiteQuick StartAPIExample

    Features

    • 📦 Out of the box: configurable geographic charts with built-in multi granularity administrative data
    • 🚀 Rich elements: rich chart types and map components, multi map basemap suppor
    • 💯 Easy to customize: data driven, from number to shape, support multi-layer and multi map surface stacking
    • 🌱 Dynamic interaction: strong chart interaction ability, support 2 / 3D perspective, and provide command dynamic interaction API

    📦 Installation

    $ npm install @antv/l7plot

    🔨 Usage

    <div id="container"></div>
    import { Dot } from '@antv/l7plot';
    
    const data = [
      { lng: 103.715, lat: 31.211, depth: 10, mag: 5.8, title: 'M 5.8 - eastern Sichuan, China' },
      { lng: 104.682, lat: 31.342, depth: 10, mag: 5.7, title: 'M 5.7 - eastern Sichuan, China' },
      // ...
    ];
    
    const dot = new Dot('container', {
      map: {
        type: 'mapbox',
        style: 'light',
        center: [103.447303, 31.753574],
        zoom: 7,
      },
      autoFit: true,
      source: {
        data: data,
        parser: { type: 'json', x: 'lng', y: 'lat' },
      },
      color: {
        field: 'mag',
        value: ['#82cf9c', '#10b3b0', '#2033ab'],
        scale: { type: 'quantize' },
      },
      size: {
        field: 'mag',
        value: ({ mag }) => (mag - 4.3) * 10,
      },
      state: { active: true },
      scale: { position: 'bottomright' },
      legend: { position: 'bottomleft' },
      tooltip: {
        items: ['title', 'mag', 'depth'],
      },
    });

    Local Development

    # Global installation yarn
    $ npm install yarn -g
    
    # Install project dependencies
    $ yarn bootstrap
    
    # Compile each package in real time and start the storybook
    $ yarn dev
    
    # Run website
    $ yarn dev-website
    
    # Run unit tests
    $ yarn test
    
    # open electron for unit tests
    $ yarn test-live

    🤝 How to Contribute

    Your contributions are always welcome! Please Do have a look at the issues first.

    To become a contributor, please follow our contributing guide.

    License

    MIT

    Install

    npm i @antv/l7plot

    DownloadsWeekly Downloads

    32,531

    Version

    0.4.2

    License

    MIT

    Unpacked Size

    12.1 MB

    Total Files

    705

    Last publish

    Collaborators

    • basketduck
    • biupiubiupiu
    • flash1
    • dreammy23
    • laixingui.lxg
    • zhangjunjie-loki
    • rainy25ghz
    • zeyuwang
    • yanxiong
    • susiwen8
    • freestyle21
    • soundquiet
    • elaine.q.10
    • sturuby
    • lviser
    • sakuya223
    • serializedowen
    • xdzhao
    • yangzhanmei
    • wjgogogo
    • leungwensen
    • dori
    • iaaron
    • yard
    • simaq
    • dxq613
    • intchous
    • susan_ann
    • jinke.li
    • lzxue
    • army8735
    • atool
    • baizn
    • dengfuping
    • neoddish
    • jeffy2012
    • zqlu
    • afc163
    • pomelo-nwu
    • kopiluwaky
    • ccnuzindex
    • panyuqi
    • bubkoo
    • zengyue
    • kasmine
    • boyu.zlj
    • l1ud0ngq1
    • newbyvector
    • winniexing
    • chenluli
    • kn9117
    • xdddst
    • semious2020
    • esora
    • nadia_liu
    • bbsqq
    • mxz96102
    • openwayne
    • pearmini
    • pddpd
    • yiqianyao
    • zhanba
    • cxxxxxn