百度地图热力图_R如何使用网格热力图(来源高德地图)

4421ff68198da2cb34ff7557105629dc.gif

这篇文章是介绍如何尽可能减少R的代码的编写,使用高德现成的可视化产品。这里是一篇介绍热力图的文章。

使用到的工具就是R和vscode。

第一步如何使用高德地图,肯定要用到高德地图的api!!!。至于如何申请,我前面已经介绍过了。可以查看以前的文章:

如何创建一个高德地图api

第二步就是打开vscode(下载地址为:https://code.visualstudio.com/ )

然后安装一个vscode插件。

65359b2d87cf1313827ab58505c3cd5c.png

第三步就是使用我写好的代码:

library(tidyverse)library(glue)#part 0gaode_api "你的key" # part 1if (!dir.exists("grid_heatmap")) {  dir.create("grid_heatmap")}# part 2if (!file.exists("grid_heatmap/maps.js")) {  maps_url "http://webapi.amap.com/maps?v=1.4.15&key={gaode_api}&")  download.file(url = maps_url, destfile = "grid_heatmap/maps.js", mode = 'wb')  }# part 3if (!file.exists("grid_heatmap/loca.js")) {  loca_url "http://webapi.amap.com/loca?v=1.3.0&key={gaode_api}")  download.file(url = loca_url, destfile = "grid_heatmap/loca.js", mode = "wb")}# part 4if (!file.exists("grid_heatmap/jquery.min.js")) {  jquery_js_url "https://a.amap.com/Loca/static/dist/jquery.min.js"  download.file(url = jquery_js_url, destfile = "grid_heatmap/jquery.min.js")}# part 5if (!file.exists("grid_heatmap/heatmap.html")) {  grid_heatmap_html_url "https://gitee.com/yuanzhoulvpi/grid_heatmap_all/raw/master/grid_heatmap_html.html"  download.file(url = grid_heatmap_html_url, destfile = "grid_heatmap/heatmap.html")}

其中part 0 是将你的key放到这个字符串里面

接下来的part 1、2、3、4、5都是创建一些文件,这些不用管,也不要动!!(只要改动那个高德api的key)结果在Rstudio的右下角可以看到这个文件树:

95549202d6644ef4e3118b52ba0a66a7.png

接下来,继续使用Rstudio创建一个数据。

test_data <- tibble(lng = rnorm(n = 20000, mean = 110, sd = 10),                    lat = rnorm(n = 20000, mean = 20, sd = 2),                    count = abs(rnorm(n = 20000, mean = 50000, sd = 3)))write.csv(test_data, file = "grid_heatmap/jsdata.csv")

运行完后,就可以发现在这个文件夹下又多了一个叫jsdata.csv的文件。

Rstudio这部分已经完成任务了,接下来打开通过vscode进入这个grid_heatmap文件夹。

5cc53ae75aeb84017fa22b41a09c39db.png

将鼠标放在heatmap.html文件上,然后右键,

9b44c78612654c9675453f67bd4a6778.png

在联网的情况下,就可以看到打开一个浏览器,出现一个地图了。

ab06a08257f409cb0f84f2f8818d4bf7.png

是不是很简单,就可以完成一个高级的网格热图?

ctrl加鼠标就可旋转视图之类的。

Q:我该如何使用我的数据?

A:只要你的数据里面含有lng、lat、count这三列就行。lng, lat代表坐标,count代表数值,名字千万不要搞错了,我没有试过count为负数的,你可以尝试一下。注意数据保存为位置也很重要,一定要在这个文件夹下,名字也必须叫jsdata.csv !!!!!

最后,这个程序不是我写的,我搬运的,这个其实是高德地图可视化的一个教程,我的知识目前还不能让JavaScript读取本地csv文件。

封面展示的数据?

https://a.amap.com/Loca/static/mock/jsdata.csv

源码?

https://lbs.amap.com/api/loca-api/demos/gridlayer/grid_with_legend

后面会基于高德地图出一些地图的文章

高德地图肯定没问题

欢迎关注华东吴亦凡,解决你地图问题

6a72a251a415c336712d71214bd1b986.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值