How to use the @hpcc-js/map.Leaflet.Leaflet 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 / Circle Lines.js View on Github external
.latitudeColumn("orgin_lat")
    .longitudeColumn("orgin_long")
    .fillColor("darkgreen")
    .strokeColor("darkgreen")
    ;

const toCircles = new Leaflet.Circles(false)
    .columns(columns())
    .data(data())
    .latitudeColumn("dest_lat")
    .longitudeColumn("dest_long")
    .fillColor("darkred")
    .strokeColor("darkred")
    ;

new Leaflet.Leaflet()
    .layers([
        lines,
        fromPins,
        toCircles
    ])
    .target("target")
    .render()
    ;

function columns() {
    return ["orgin_state", "orgin_airport", "orgin_iata", "orgin_lat", "orgin_long", "dest_state", "dest_iata", "dest_airport", "dest_lat", "dest_long", "AVE(distance)"];
}
function data() {
    return [
        ["NY", "LaGuardia", "LGA", "40.77724306", "-73.87260917", "GA", "ATL", "William B Hartsfield-Atlanta Intl", "33.64044444", "-84.42694444", "761"],
        ["NY", "LaGuardia", "LGA", "40.77724306", "-73.87260917", "OH", "CMH", "Port Columbus Intl", "39.99798528", "-82.89188278", "478"],
github hpcc-systems / Visualization / demos / gallery / samples / geospatial / Leaflet / US States Pins.js View on Github external
.data([
        [37.665074, -122.384375],
        [32.690680, -117.178540],
        [39.709455, -104.969859],
        [41.244123, -95.961610],
        [32.688980, -117.192040],
        [45.786490, -108.526600],
        [45.796180, -108.535652],
        [45.774320, -108.494370],
        [45.777062, -108.549835]
    ])
    .latitudeColumn("latitude")
    .longitudeColumn("longitude")
    ;

new Leaflet.Leaflet()
    .layers([
        usStates,
        pins
    ])
    .target("target")
    .render()
    ;
github hpcc-systems / Visualization / demos / gallery / samples / geospatial / Leaflet / Pin Lines.js View on Github external
.fillColor("darkgreen")
    .faChar("fa-plane")
    ;

const toPins = new Leaflet.Pins()
    .columns(columns())
    .data(data())
    .latitudeColumn("dest_lat")
    .longitudeColumn("dest_long")
    .tooltipColumn("dest_iata")
    .popupColumn("dest_airport")
    .fillColor("darkred")
    .faChar("fa-plane")
    ;

new Leaflet.Leaflet()
    .layers([
        lines,
        fromPins,
        toPins
    ])
    .target("target")
    .render()
    ;

function columns() {
    return ["orgin_state", "orgin_airport", "orgin_iata", "orgin_lat", "orgin_long", "dest_state", "dest_iata", "dest_airport", "dest_lat", "dest_long", "AVE(distance)"];
}
function data() {
    return [
        ["NY", "LaGuardia", "LGA", "40.77724306", "-73.87260917", "GA", "ATL", "William B Hartsfield-Atlanta Intl", "33.64044444", "-84.42694444", "761"],
        ["NY", "LaGuardia", "LGA", "40.77724306", "-73.87260917", "OH", "CMH", "Port Columbus Intl", "39.99798528", "-82.89188278", "478"],