How to use the @hpcc-js/map.Leaflet.Pins 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")
    .faChar("fa-plane")
    ;

const toPins = new Leaflet.Pins()
    .columns(columns())
    .data(data())
    .latitudeColumn("dest_lat")
    .longitudeColumn("dest_long")
    .tooltipColumn("dest_iata")
github hpcc-systems / Visualization / demos / gallery / samples / geospatial / Leaflet / Pin Path.js View on Github external
[37.665074, -122.384375, "navy"],
        [32.690680, -117.178540],
        [39.709455, -104.969859],
        [41.244123, -95.961610, "navy"],
        [32.688980, -117.192040],
        [45.786490, -108.526600],
        [45.796180, -108.535652],
        [45.774320, -108.494370],
        [45.777062, -108.549835, "red", "fa-minus"]
    ])
    .latitudeColumn("latitude")
    .longitudeColumn("longitude")
    ;


const pins = new Leaflet.Pins()
    .columns(path.columns())
    .data(path.data())
    .latitudeColumn("latitude")
    .longitudeColumn("longitude")
    .faCharColumn("icon")
    .fillColorColumn("color")
    ;

pins
    .layers([
        path,
        pins
    ])
    .target("target")
    .render()
    ;