vikozo
June 14, 2021, 3:13pm
1
hello
have got a dashboard with a big map (worldmap Plugin) getting data with geohast.
It works fine sofar.
now i have done a copy and added this panel in another Dashboard.
There it is not working and i got a
Data error
Error: Missing geohash value
i checke all information and on both panel they are absolut the same, only different size of the panel!
why this happen?
use grafana v8
have a nice day
vinc
hi @vikozo
There are planls to completely rebuild the WorldMap plugin. It’s a big job but there is a lot of mindshare behind it right now, inside and outside the company:
opened 06:27PM - 25 Jun 21 UTC
area/plugins
type/feature-request
**World Map Plugin Design Proposal**
There currently exists a World Map Panel… plugin written in AngularJS which provides functionalities for mapping data values with location data on a world map. However, the core functionalities of this plugin has not been maintained for multiple years ([WorldMap Panel plugin commit history](https://github.com/grafana/worldmap-panel/commits/master?before=2b3b163938168b9c5743a8b56378dceb06c760ed+35&branch=master)) and can be better designed to work with Grafana’s new React plugin APIs.
The current World Map Panel plugin (written in AngularJS) has many components which are tightly integrated into the WorldMapCtrl and WorldMap. Currently, WorldMap holds functionality for user interactions, creating the world map, creating a map legend, creating circle overlays, and tile server configuration details. Moreover, WorldMapCtrl holds functionality for the data formatting process, user interactions, and rendering the world map. The current plugin architecture is shown below, and will be contrasted with our design for a new React Panel plugin.
<img width="1440" alt="Angular Plugin Architecture" src="https://user-images.githubusercontent.com/57571993/123469222-9ae6be00-d5a7-11eb-9c2e-9e933bf90291.png">
Shown below is the proposed design for the new World Map plugin written in React. The classes shown in the Angular plugin will be divided into smaller components to make it more modular and allow room for enhancements (ex. custom overlays) in the future. Here, we will be implementing additional functionalities such as configurable tile server and various overlays such as heat maps to better enhance the WorldMap plugin user experience.
<img width="1440" alt="React Plugin Architecture" src="https://user-images.githubusercontent.com/57571993/123469397-d8e3e200-d5a7-11eb-9e75-924f36a24910.png">
Pink: Represents the main components and flow for rendering World Map panel plugin as views for Grafana.
Orange: Represents the various map components / overlays for the WorldMapPanel to use for creating an interactive map
Green: Represents the Leaflet classes referenced to create the various overlay components labeled in orange
Yellow: Represents the class for formatting data. This is used by map components to generate overlays.
Purple: Represents the interfaces for configuring the World Map panel plugin.
More details on the proposed design can be found in the following design doc: [Design Proposal](https://docs.google.com/document/d/1TWkpL4bTSAjQhB0JDG2QndZ0hAmYAc-m3DdUYSPNtAE/edit?usp=sharing)
Furthermore, we propose using a functional component for our design in the new React plugin.
The PR to implement GeoMaps as a core Grafana plugin currently uses class components. However, using functional components can simplify the code as well as keep everything clean by avoiding the uses of this. It should also be noted that the React team is supporting more React hooks for functional components that replace or even improve upon class components.
Benefits of Functional Component design:
* Easier to test — Don't have to worry about hidden state and less side effects
* Easier to read/write — Less complex syntax
* Easier to debug — Only rely on props inputted and not state
Relevant Issues and Repositories:
[Add leaflet base map panel](https://github.com/grafana/grafana/pull/35915)
[WorldMap Panel plugin](https://github.com/grafana/worldmap-panel)
[WorldMap Panel plugin commit history](https://github.com/grafana/worldmap-panel/commits/master?before=2b3b163938168b9c5743a8b56378dceb06c760ed+35&branch=master)
cc: @Alolita, @Eunice98k
system
Closed
June 14, 2022, 3:13pm
3
This topic was automatically closed after 365 days. New replies are no longer allowed.