search

huiyan-fe / react-bmap

基于百度地图JavaScript API封装的React组件库
http://huiyan-fe.github.io/react-bmap
MIT License
497 stars 97 forks source link

热力图显示有问题，麻烦大佬帮忙看一下～ #110

Open wangxinyu666666 opened 3 years ago

wangxinyu666666 commented 3 years ago

1.import语句 image

2.处理数据 image 最后heatData的值为： image

3.地图组件 image

4.问题 其中不同省份的count的值差距很大，比如浙江省的count为3726081.59，新疆的count只有628，这个时候热力图上新疆那一块没有显示颜色。heatData一共有30个省份的数据，但是在地图上只显示了数值较大的省份 image 地图放大之后 image 我理解热力图就算有极端情况，不同省份数据差距很大，那些数据很小的省份应该也会有颜色显示的，所以这一块麻烦看一下，是我哪里写的有问题吗？

Junior2Ran commented 3 years ago

如你所说，浙江省的count为3726081.59，新疆的count只有628，那么浙江的取色值的key为1.0，新疆只能到0.0，而0.0的key设置的颜色为无色，所以显示不出来

wangxinyu666666 commented 3 years ago

如你所说，浙江省的count为3726081.59，新疆的count只有628，那么浙江的取色值的key为1.0，新疆只能到0.0，而0.0的key设置的颜色为无色，所以显示不出来

谢谢大佬回复! @Junior2Ran 我的颜色设置是下面这样的 image

这是我的颜色设置对应到canvas的效果，不存在无色的情况鸭，是我的理解有问题吗？ var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var grd=ctx.createLinearGradient(0,0,170,0); grd.addColorStop(0,"rgba(255,64,28,1)"); grd.addColorStop(0.1,"rgba(0,0,255,1)"); grd.addColorStop(0.2,"rgba(0,0,255,1)"); grd.addColorStop(0.6,"rgba(44,222,148,0.6)"); grd.addColorStop(0.8,"rgba(254,237,83,0.8)"); grd.addColorStop(0.9,"rgba(255,118,50,0.9)"); grd.addColorStop(1,"rgba(255,64,28,1)"); image