Giter Club home page Giter Club logo

b0bcarlson / map-panel Goto Github PK

View Code? Open in Web Editor NEW

This project forked from orchestracities/map-panel

0.0 0.0 0.0 24.14 MB

This plugin extends Grafana Geomap panel with several functionalities: Support for GeoJSON shapes, Support for icons, Support for pop up visualizations of data from a specific point, Multiple layers for the different queries.

Home Page: https://grafana.com/grafana/plugins/orchestracities-map-panel/

License: GNU Affero General Public License v3.0

Shell 8.12% JavaScript 0.90% TypeScript 80.68% CSS 10.30%

map-panel's Introduction

Orchestra Cities - Map Panel

This plugin extends Grafana Geomap panel with several functionalities:

  • Support for GeoJSON shapes
  • Support for icons (icons supported are from FontAwesome)
  • Support for pop up visualizations of data from a specific point
  • Multiple layers for the different queries

Example

New customization options available for the layer:

  • Cluster support with a lot of customization like distance and value to display
  • A fully customizable pin with the possibility to change colors, shapes and sizes
  • The possibility to select which properties to be displayed on the popup

Example2

Cluster options:

  • Distance
  • Min distance

Pin Options:

  • Shape
  • Size
  • Customizable icon
  • Shadow
  • Gradient

Pupup Options:

  • Display a title
  • Display the Timestamp
  • Selectable properties

Example3

It requires Grafana >=8.2.0

Usage with PostGis

To use the plugin with PostGis, you need either to query longitude and latitude from a stored Point, e.g.:

  • ST_X(ST_GeomFromEWKT(location_centroid)) AS \"longitude\"
  • ST_Y(ST_GeomFromEWKT(location_centroid)) AS \"latitude\"

Or query the GeoJSON shape, e.g.:

  • ST_AsGeoJSON(ST_GeomFromEWKT(location)) AS \"geojson\"

Usage with CrateDB

To use the plugin with CrateDB, you need either to query longitude and latitude from a stored Point, e.g.:

  • longitude(location_centroid) AS \"longitude\"
  • latitude(location_centroid) AS \"latitude\"

Or query the GeoJSON field, e.g.:

  • location AS \"geojson\"

What is a Grafana Panel Plugin?

Panels are the building blocks of Grafana. They allow you to visualize data in different ways. While Grafana has several types of panels already built-in, you can also build your own panel, to add support for other visualizations.

For more information about panels, refer to the documentation on Panels

Set up dev environment

See Contributing

map-panel's People

Contributors

daniellee avatar chicco785 avatar moooji avatar linkslice avatar wt-jb avatar taliaga avatar bulletfactory avatar b0bcarlson avatar valecant avatar ftcardoso avatar samhatchett avatar whitesteindevelopment avatar dependabot[bot] avatar modulartaco avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.