Nth Phonetic Mnemonic

    @stamen/timebasedmarkers

    0.2.0 • Public • Published

    TimeBasedMarkers

    Load and render GeoJSON features into a react-leaflet map. Toggle features by timestamp.

    Part of the @stamen/panorama toolkit.

    Usage

    import React from 'react';
    import ReactDOM from 'react-dom';
    import { TimeBasedMarkers } from '@panorama/toolkit';
    
    let geoJson = {
      "features": [
        {
          "properties": {
            "end_year": "2000-01-01T00:00:00Z",
            "cartodb_id": 1,
            "startzoom": 8,
            "endzoom": 12,
            "maptype": "icon",
            "type": "place secondary",
            "justify": "right",
            "location": "Terre Haute .",
            "start_year": "1832-01-01T00:00:00Z"
          },
          "geometry": {
            "coordinates": [
              9.689345,
              -4.778362
            ],
            "type": "Point"
          },
          "type": "Feature"
        },
        {
          "properties": {
            "end_year": "2000-01-01T00:00:00Z",
            "cartodb_id": 1,
            "startzoom": 8,
            "endzoom": 12,
            "maptype": "label",
            "type": "place secondary",
            "justify": "right",
            "location": "Terre Haute .",
            "start_year": "1832-01-01T00:00:00Z"
          },
          "geometry": {
            "coordinates": [
              9.689345,
              -4.778362
            ],
            "type": "Point"
          },
          "type": "Feature"
        },
        // ...
      ],
      "type": "FeatureCollection"
    };
    
    let timeBasedMarkersConfig = {
      features: geoJson,
    	currentDate: new Date(selectedYear, 0)
    };
    
    ReactDOM.render(
      <Map>
        <TimeBasedMarkers { ...timeBasedMarkersConfig }/>
      </Map>, document.body);

    Keywords

    none

    Install

    npm i @stamen/timebasedmarkers

    DownloadsWeekly Downloads

    0

    Version

    0.2.0

    License

    ISC

    Last publish

    Collaborators

    • ericsoco
    • mojodna
    • stamen