How to use the @hpcc-js/map.Leaflet.Lines function in @hpcc-js/map

To help you get started, we’ve selected a few @hpcc-js/map examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github hpcc-systems / Visualization / demos / gallery / samples / geospatial / Leaflet / Pin Lines.js View on Github external
import { Leaflet, topoJsonFolder } from "@hpcc-js/map";

topoJsonFolder("https://cdn.jsdelivr.net/npm/@hpcc-js/map@2.0.0/TopoJSON");

const lines = new Leaflet.Lines()
    .columns(columns())
    .data(data())
    .latitudeColumn("orgin_lat")
    .longitudeColumn("orgin_long")
    .latitude2Column("dest_lat")
    .longitude2Column("dest_long")
    ;

const fromPins = new Leaflet.Pins()
    .columns(columns())
    .data(data().filter((d, i) => i === 0))
    .latitudeColumn("orgin_lat")
    .longitudeColumn("orgin_long")
    .tooltipColumn("orgin_iata")
    .popupColumn("orgin_airport")
    .fillColor("darkgreen")
github hpcc-systems / Visualization / demos / gallery / samples / geospatial / Leaflet / Circle Lines.js View on Github external
import { Leaflet, topoJsonFolder } from "@hpcc-js/map";

topoJsonFolder("https://cdn.jsdelivr.net/npm/@hpcc-js/map@2.0.0/TopoJSON");

const lines = new Leaflet.Lines()
    .columns(columns())
    .data(data())
    .latitudeColumn("orgin_lat")
    .longitudeColumn("orgin_long")
    .latitude2Column("dest_lat")
    .longitude2Column("dest_long")
    ;

const fromPins = new Leaflet.Circles(false)
    .columns(columns())
    .data(data().filter((d, i) => i === 0))
    .latitudeColumn("orgin_lat")
    .longitudeColumn("orgin_long")
    .fillColor("darkgreen")
    .strokeColor("darkgreen")
    ;