正文 

当前位置： 首页 > java > java教程

天地图专题七：行政区域标记，热力图（以广西为例）

疯子加天才 疯子加天才     2022-08-23     519

关键词：

天地图方面的文章已很久不写。 主要是因为上一个项目结束，基本就不用天地图了。用百度地图的可能更大一些。

 

最近上个项目甲方想搞一个类似热力图，热点图的东西。在天地图API上没有找到类似的直接画热力图的接口，只好用了一些替代的方法。

天地图行政区域，行政区划直接接口也没找到，用边界点自己画。

 琢磨了一阵。 记下来。有需要的可以参考 。

 

比如绘制广西省的热力图，实现思路很简单：给广西省每个城市行政区域涂上颜色。 根据热度不同，给每个城市涂的颜色加上不同的透明度。

 

先上效果图：

 

在天地图上根据坐标点绘制区域 有接口TPolygon。 可以调节颜色，透明度，边线什么的。

然后就是如何得到的这些行政区域边界点。说来惭愧，我是用很笨的方法：

到天地图代码示例那里：http://api.tianditu.com/api-new/examples.html，用他们的搜索接口去搜索一个省，城市，然后就可以用 浏览器工具 得到这个区域的边界坐标了。

核心代码：

 

[javascript] view plain copy
 
  1. //绘制边界,来自天地图demo.  
  2. function drawArea(json,opacity){  
  3.   
  4.     var area = json.area;   
  5.     var points = area.points;   
  6.     //如果有区域坐标信息，画出此行政区的多边形。   
  7.     if(points && points.length != 0){   
  8.         //面的线的样式   
  9.         var style = {   
  10.             strokeColor : "#0027eb",   
  11.             fillColor : "red",   
  12.             strokeWeight : 1,   
  13.             strokeOpacity : 0.000001,   
  14.             fillOpacity : opacity, //透明度，随机生成。   
  15.             strokeStyle : "dashed" //虚线   
  16.         }   
  17.         for(var i = 0;i < points.length;i++){   
  18.             var region = points[i].region;//单个面   
  19.             var pointArr = region.split(",");   
  20.             var pointsz = [];   
  21.             for(var j = 0;j < pointArr.length - 1;j++){   
  22.                 var p = pointArr[j];   
  23.                 var pArr = p.split(" ");   
  24.                 var point = new TLngLat(pArr[0],pArr[1]);   
  25.                 pointsz.push(point);                   
  26.             }   
  27.             var poly = new TPolygon(pointsz,style);   
  28.             map.addOverLay(poly);   
  29.         }   
  30.     }   
  31. }  




 

 

[javascript] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. var areaArr = [nanningArea,liuzhouArea,gunlinArea,wuzhouArea,beihaiArea,fangchenggangArea,qinzhouArea,guigangArea,yulinArea,baiseArea,hezhouArea,hechiArea,laibinArea,chongzuoArea,guilinArea];  
  2.   
  3.   
  4. for (var i = 0,aLen = areaArr.length; i < aLen; i++) {  
  5.     drawArea(areaArr[i],getRandom(50)/100);  
  6. };  
  7.   
  8.   
  9. //生成随机正整数 1到n之间。  
  10. function getRandom(n){  
  11.     return Math.floor(Math.random()*n+1)  
  12. }  



 

演示：

http://runningls.com/demos/tianditu/index.html?to=loadgx

 

注意：1.边界值放大了看会有一些不重合的地方。补救方法是限制天地图绽放级别。     2.随机不透明度不要设太高，不然视觉效果不好。上面的图是最高不透明度0.5的效果。

有更好的建议欢迎留言交流。

转载注明出处：http://blog.csdn.net/liusaint1992/article/details/50531015

数据可视化python热力图（seaborn.heatmap）(代码片段)

Python数据可视化-热力图热力图cmapcenterannotannot_kwsfmtlinewidthslinecolorxticklabelsyticklabelsmask热力图应用热力图以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。热力图可以显示不可点击区域发生的事情。城市... 查看详情

piesdk热力图(代码片段)

 1.算法功能简介  热力图，也就热图或者热点图，它能以特殊高亮的的形式显示某一区域的等级的优越性、重要性或者某一区域类别的密度和变换趋势；例如百度地图热力图是用不同颜色的区块叠加在地图上实时描述... 查看详情

tableau图表大全11之热力图

...将为红色，而增长为绿色。热图的另一个版本是密度标记图。在本教程中，我们将仅关注常规热图。数据集：美国出生数据集样本构建热力图打开美国出生数据。单击" 查看详情

空间数据可视化：3.空间热力图

1.powermap 对于热力图它跟空间柱状图是差不多的，也是空间位置+value值；如果只有空间位置，可能求的是密度图，就是我们之前用python中的seaborn做的两个维度的密度图，其实就是热力图的意思；两个维度的密度图就是热力图&... 查看详情

去哪里可以买到arcgis专题图

参考技术A1.底图数据的来源1.1.官方地图主要是天地图、百度地图和高德地图等几个主流地图平台。可以直接调用地图切片服务（即URL地址），也可以通过太乐地图下载互联网（如：百度地图、天地图和高德地图等）离线包（具... 查看详情

腾讯地图热力图使用

采用腾讯地图的热力组件库，引入腾讯地图就不多赘述了，本篇主要讲如何使用重点：热力高低只能通过相邻比较近的热力点的多少来控制，所以要想实现热力较高的区域，可以通过增加周围热力点的数量来实现<divid="topMe... 查看详情

pytorch可视化热力图(代码片段)

 可视化热力图可以有两种方式：1）特征图可视化，将各通道特征的最大值作为热力图像素值，进行可视化——可以参考博客，一种比较灵活的特征图保存方式2）根据梯度值结合特征图计算热力图，热力图的显示的重点是梯... 查看详情

tableau实战-网易云课堂day2

地图热力图实战：有二百多个城市，较多，故选择地图热力图进行呈现1、先把城市->地理角色设置为：群县（外国软件翻译问题），然后双击，行列就会自动添加经纬度2、菜单：地图->编辑位置，改为中国3、智能推荐：找... 查看详情

常见用户行为分析模型解析：点击分析模型

...应用较为广泛，是重要的数据分析模型之一。点击图与热力图有何差异？热力图是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示，如图。同样，点击图也是特殊高亮的颜色形式的显示。不同的是，点击... 查看详情

热力图制作

本文搜集整理了matlab、excel等方法进行各类热力图的生成1.基于matlab的形式1.1）表格制作热力图，参考matlab官网：https://ww2.mathworks.cn/help/matlab/ref/heatmap.html 1.2）图像制作热力图，使用HeatMap函数，flipud表翻转，后续参数表示归... 查看详情

.可视化数据分析图表—常用图表的绘制3—散点图，面积图，热力图(代码片段)

...分析图5.3常用图表的绘制3—散点图，面积图，热力图本节主要介绍常用图表的绘制，主要包括散点图，面积图，热力图。1.散点图（matplotlib.pyplot.scatter）·散点图主要用来查看数据的分布情况或相关性&... 查看详情

天地图之自定义标记点(代码片段)

需求：在地图上标记监控点位，地图引入的过程就不多啰嗦，可参考此专栏前几篇文章，下面直接介绍实现步骤1.绘制标记点（如果多个点则需要放到循环体循环渲染）点的坐标varposition=newT.LngLat(经度,... 查看详情

python热力图绘制方法—新手教程

参考技术A#Python热力图绘制方法热力图的使用场景有 1.描述数据在空间的密集程度，常见有城市热力图，区域热力图2.描述多个变量之间相关性高低程度#step1准备数据集，读取excel列表内容，usecols=index,这里是表里的第一列不... 查看详情

vue项目天地图使用(代码片段)

最近的项目中遇到了新的需求，需要在项目中使用天地图，因为第一次接触，官方的网站引用之类的也没有进行详细的介绍，自己去找的时候发现这部分的文章也比较少，有的问题也没有讲清楚，所以发布... 查看详情

无需代码绘制出的热力图，0基础小白也能3分钟上手

...后台看到有粉丝私信我，问说经常在网上看到这种热力图，自己也想学，但不知道这种动态的热力图要怎么做。其实方法很多，用Excel、FineBI、R语言等都可以实现我分别用这三种方法试了一下1、用Excel做需要安装D... 查看详情

在arcgis地图上绘制echarts热力图(heatmap)(代码片段)

在Arcgis地图上绘制Echarts热力图(Heatmap)2018-08-30 10:18 【原创】本文地址：https://www.cnblogs.com/qiaoge0923/p/9562304.html　　现如今，Echarts在数据可视化方面早已升入化境，已经不再拘泥于简单的饼图柱状图，已然从平面直角坐标系... 查看详情

github代码热力图，一键填充(代码片段)

写了一个脚本，用来填充Github的代码提交热力图，效果如下图所示：此脚本支持跨年度，直接提供开始日期和结束日期，即可生成此时间区间的所有GitCommit信息。使用克隆本仓库（https://github.com/lecepin/fill-g... 查看详情

modis系列之ndvi（mod13q1）九：单一土地类型ndvi及时序图（以耕地类型为例）

...NDVI综合。 本次博文则以单一土地类型（以耕地类型为例）得出耕地的NDVI及时序图一、所需数据1.研究区域和时间（年份）的土地利用类型数据（又叫地表覆盖数据）下载。下载详 查看详情