点地图,地图可视化是最常用的图表之一

科技资讯 投稿 46700 1 评论

点地图,地图可视化是最常用的图表之一

在数据可视化中,地图可视化是最常用的图表之一。

点地图,用于在地理坐标系空间内,将数据展现为形象的几何图形点,展示地理区域内的数据分布情况。

如下图展现的是一软件在全国范围内某个区域(省/市/县级)的激活使用次数。

当软件在某个区域使用激活时,会通过webapi上传当前软件的app_id、ip_address,后台根据IP地址判断出地理行政位置,从而记录不同区域的使用记录数据。 

用户访问:

POST http://localhost:44375/api/open/access_log_add HTTP/1.1Host: localhost:44375Connection: keep-alive
Content-Length: 46Pragma: no-cache
Cache-Control: no-cache
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="98", "Google Chrome";v="98"accept: application/json
Content-Type: application/json
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ3YWdfdG9rZW5fdHlwZSI6ImFjY2Vzc190b2tlbiIsInVuaXF1ZV9uYW1lIjoicHVibGljIiwicm9sZSI6InB1YmxpYyIsIm5iZiI6MTY1MjE2NDUwMCwiZXhwIjoxNjU0NzU2NTAwLCJpYXQiOjE2NTIxNjQ1MDB9.nWTQwyDiESyCd2M-cSuB3U0TXaPsGag4wbHY9V3TDis
sec-ch-ua-mobile: ?0User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64 AppleWebKit/537.36 (KHTML, like Gecko Chrome/98.0.4758.102 Safari/537.36sec-ch-ua-platform: "Windows"Origin: http://localhost:44375Sec-Fetch-Site: same-origin
Sec-Fetch-Mode: cors
Sec-Fetch-Dest: empty
Referer: http://localhost:44375/swagger/ui/indexAccept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9{  "app_id": "fcl_client",  "tag": "login"}



HTTP/1.1 200 OK
Cache-Control: no-cache
Pragma: no-cache
Content-Length: 41Content-Type: application/json; charset=utf-8Expires: -1Server: Microsoft-IIS/10.0X-AspNet-Version: 4.0.30319X-SourceFiles: =?UTF-8?B?RDpcd2FnZ2l0ZWVcaHNsXFRlc3RfSVBcV2ViQVBJXEZDTC5XZWJBUElcYXBpXG9wZW5cYWNjZXNzX2xvZ19hZGQ=?=X-Powered-By: ASP.NET
Access-Control-Allow-Origin: *Access-Control-Allow-Headers: Content-Type, Authorization
Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS
Date: Tue, 10 May 2022 06:42:20 GMT

{"Status":200,"Message":null,"Data":null}
POST http://localhost:44375/api/open/access_log_group_by_city_name HTTP/1.1Host: localhost:44375Connection: keep-alive
Content-Length: 41Pragma: no-cache
Cache-Control: no-cache
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="98", "Google Chrome";v="98"accept: application/json
Content-Type: application/json
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ3YWdfdG9rZW5fdHlwZSI6ImFjY2Vzc190b2tlbiIsInVuaXF1ZV9uYW1lIjoicHVibGljIiwicm9sZSI6InB1YmxpYyIsIm5iZiI6MTY1MjE2NDUwMCwiZXhwIjoxNjU0NzU2NTAwLCJpYXQiOjE2NTIxNjQ1MDB9.nWTQwyDiESyCd2M-cSuB3U0TXaPsGag4wbHY9V3TDis
sec-ch-ua-mobile: ?0User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64 AppleWebKit/537.36 (KHTML, like Gecko Chrome/98.0.4758.102 Safari/537.36sec-ch-ua-platform: "Windows"Origin: http://localhost:44375Sec-Fetch-Site: same-origin
Sec-Fetch-Mode: cors
Sec-Fetch-Dest: empty
Referer: http://localhost:44375/swagger/ui/indexAccept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9{  "app_id": "fcl_client",  "tag": ""}



HTTP/1.1 200 OK
Cache-Control: no-cache
Pragma: no-cache
Content-Type: application/json; charset=utf-8Expires: -1Server: Microsoft-IIS/10.0X-AspNet-Version: 4.0.30319X-SourceFiles: =?UTF-8?B?RDpcd2FnZ2l0ZWVcaHNsXFRlc3RfSVBcV2ViQVBJXEZDTC5XZWJBUElcYXBpXG9wZW5cYWNjZXNzX2xvZ19ncm91cF9ieV9jaXR5X25hbWU=?=X-Powered-By: ASP.NET
Access-Control-Allow-Origin: *Access-Control-Allow-Headers: Content-Type, Authorization
Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS
Date: Tue, 10 May 2022 06:53:14 GMT
Content-Length: 110{"Status":200,"Message":null,"Data":[{"city_name":"内网IP","count":50},{"city_name":"芜湖市","count":1}]}

 地图控件使用的是FCL.Controls.WinUI.ChinaMap控件,此控件使用GDI+根据全国、省、地市json数据绘制而成。

编程笔记 » 点地图,地图可视化是最常用的图表之一

赞同 (34) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(1)个小伙伴在吐槽
  1. 增加了文章的说服力。
    David 2023-08-31 19:30 (2年前) 回复