grafana 使用指南 —— geomap 地图组件

冷不防 2023-09-28 23:19 3阅读 0赞

#### 概要说明 ####

grafana 支持地图组件，可以实现在地图上标记或覆盖热力图等。初步调研了一下，grafana的主要使用点记录一下。

下面是几个地图组件的几个参考网站（全英文版本）。

grafana官方文档：[Geomap | Grafana documentation][Geomap _ Grafana documentation]

carto 地图说明：[carto\_attr][carto_attr]

几个获取地理位置信息的途径：  
1. [GeoNames][] (under Creative Commons Attribution 3.0);  
2. [Natural Earth][]  
3. [TomTom][]  
4. [HERE][]  
5. [Mapbox][]  
6. [Google][]

#### 使用说明 ####

1.  选择组件  
    创建组件视图，选择【geomap】组件  
    ![在这里插入图片描述][53587f51546d4ed698a18e2c09f806e7.png]
2.  数据格式  
    geomap支持几种格式的地理位置数据。  
    ![在这里插入图片描述][347c7dfeca504a13ba74f256899f3da0.png]

*  coords：手动指定经纬度  
    使用该方式，返回的数据中必须包含经度和维度信息。并且手动选择匹配经纬度的字段。  
    ![在这里插入图片描述][252f96c8725a4992a193b2e4b39e8df5.png]  
    注意：经纬度都是纯数值，使用正负号来区分东西经和南北纬（+：北纬、东经，-：南纬、西经）
 *  geohash：手动指定geohash值  
    不知道geohash的同学，可以网上搜一下。简单的说，就是使用算法，将经纬这种二位坐标，转化为一个一维的代码。根据精度的不同，代码串的长度也不同。  
    提供一个查询geohash的网址：[http://geohash.org/][http_geohash.org]  
    ![在这里插入图片描述][f5012541e1f343279ab9017158cb27ec.png]
 *  lookup：自动查询匹配  
    根据地理名称自动查询匹配，但是好像只支持英文地名和英文缩写。  
    ![在这里插入图片描述][0e08b3cb0b844cca9723946c15ed54a3.png]  
    内置的查询数据，只支持国家、美国洲名、机场等匹配，没有主要城市的自动匹配。这个自动匹配看起来比较鸡肋。获取支持新增配置，但是我没研究过，有需要的，可以研究一下怎么增加相关的配置。
 *  auto：自动选择  
    自动选择以上三种方式的一种，且不用手动指定字段。但是相对的，返回的字段里面必须严格按照规定的命名规则返回。

>  *  geohash: “geohash”
>  *  latitude: “latitude”, “lat”
>  *  longitude: “longitude”, “lng”, “lon”
>  *  lookup: “lookup”

![在这里插入图片描述][7806d97ba51248198c387f5159a96fde.png]

1.  图层类型  
    图层样式类型有三种：markers，heatmap，geojson  
    ![在这里插入图片描述][7d5ddf869d924406a184a1082fc5bbf6.png]

*  markers：就是最普通的，使用标记来展示数据。可以设置标记的图标样式和大小。数据较少时，采用markers样式是比较好的选择。
 *  heatmap：热力图，即用热力图的形式，在地图上展示数据分布。这种适用于数据点比较多的情况。能够快速看到哪里的分布比较密集。
 *  geojson：内置json数据文件。即导入grafana内置的一些数据。笔者拿到的版本，目前提供三个。  
    countries.geojson：高亮国家边界线，这里居然错误的将台湾也划为了国家，有人知道怎么向grafana反馈投诉吗？  
    ![在这里插入图片描述][9ee41b6dd90c4c90b7229503d3d41faa.png]  
    usa-states.geojson：高亮美国各周边界线  
    ![在这里插入图片描述][7a95926767194ec8a031870a72dafbea.png]  
    airports.geojson：标记全球主要机场  
    ![在这里插入图片描述][5e147dfb029f4af294137a8b0c19def5.png]

主要的用法就这些，更加具体的一些使用，请实际使用中摸索尝试。

[Geomap _ Grafana documentation]: https://grafana.com/docs/grafana/latest/panels-visualizations/visualizations/geomap/
[carto_attr]: https://carto.com/attribution/
[GeoNames]: http://www.geonames.org/
[Natural Earth]: http://www.naturalearthdata.com/
[TomTom]: https://www.tomtom.com/en_gb/thirdpartyproductterms/
[HERE]: https://legal.here.com/en-gb/terms/general-content-supplier-terms-and-notices
[Mapbox]: https://www.mapbox.com/about/maps/
[Google]: https://cloud.google.com/maps-platform/terms/
[53587f51546d4ed698a18e2c09f806e7.png]: https://img-blog.csdnimg.cn/53587f51546d4ed698a18e2c09f806e7.png
[347c7dfeca504a13ba74f256899f3da0.png]: https://img-blog.csdnimg.cn/347c7dfeca504a13ba74f256899f3da0.png
[252f96c8725a4992a193b2e4b39e8df5.png]: https://img-blog.csdnimg.cn/252f96c8725a4992a193b2e4b39e8df5.png
[http_geohash.org]: http://geohash.org/
[f5012541e1f343279ab9017158cb27ec.png]: https://img-blog.csdnimg.cn/f5012541e1f343279ab9017158cb27ec.png
[0e08b3cb0b844cca9723946c15ed54a3.png]: https://img-blog.csdnimg.cn/0e08b3cb0b844cca9723946c15ed54a3.png
[7806d97ba51248198c387f5159a96fde.png]: https://img-blog.csdnimg.cn/7806d97ba51248198c387f5159a96fde.png
[7d5ddf869d924406a184a1082fc5bbf6.png]: https://img-blog.csdnimg.cn/7d5ddf869d924406a184a1082fc5bbf6.png
[9ee41b6dd90c4c90b7229503d3d41faa.png]: https://img-blog.csdnimg.cn/9ee41b6dd90c4c90b7229503d3d41faa.png
[7a95926767194ec8a031870a72dafbea.png]: https://img-blog.csdnimg.cn/7a95926767194ec8a031870a72dafbea.png
[5e147dfb029f4af294137a8b0c19def5.png]: https://img-blog.csdnimg.cn/5e147dfb029f4af294137a8b0c19def5.png