How to use the @hpcc-js/map.GMapPin 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 / tests / test-map / src / map.spec.ts View on Github external
.data(geo.GMap.simple.data)
                                    );
                                    break;
                                case GMapCounties:
                                    render(new GMapCounties()
                                        .columns(geo.Counties.simple.columns)
                                        .data(geo.Counties.simple.rawData));
                                    break;
                                case GMapGraph:
                                    render(new GMapGraph()
                                        .columns(geo.GMap.graph.columns)
                                        .data(geo.GMap.graph.data)
                                    );
                                    break;
                                case GMapPin:
                                    render(new GMapPin()
                                        .columns(flightPath.columns)
                                        .data(flightPath.data)
                                        .latitudeColumn("dest_lat")
                                        .longitudeColumn("dest_long")
                                    );
                                    break;
                                case GMapPinLine:
                                    const gmapLayered = new GMapLayered()
                                        .layers([
                                            new Graticule(),
                                            new ChoroplethContinents(),
                                            new ChoroplethStates()
                                                .columns(geo.States.simple.columns)
                                                .data(geo.States.simple.data),
                                            new Lines()
                                                .opacity(0.75)
github hpcc-systems / Visualization / demos / gallery / samples / geospatial / Google Maps / Pins.js View on Github external
import { GMapPin } from "@hpcc-js/map";

new GMapPin()
    .target("target")
    .columns(["latitude", "longitude", "color"])
    .data([
        [51.897969, -8.475438, "green"],
        [35.652930, 139.687128],
        [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"]
    ])
    .latitudeColumn("latitude")