小编Wir*_*edo的帖子

我需要根据该点的空气质量指数（aqi）为热图中的不同点着色。这是我第一次尝试创建热图，我的主管坚持我只使用谷歌热图创建它。我从一个 JSON 对象获取数据，该对象从 Python 中的视图传递到我的 HTML 模板。我读到谷歌热图基于密度而不是值，但密度不是我的情况的一个因素。我一直在四处搜索，发现了一些类似的问题：用不同颜色为 Google 热图着色，但还没有人回答。我想根据 aqi 值为点着色，例如：

• 0-50 绿色
• 51-100黄色
• 101-150橙色
• 151-200红色
• 201-300紫

我的 JSON 数据如下所示：

{
  "lat": 44.0682019, 
  "data_value": {"pm10": "0","pm25": "21"}, 
  "lon": -114.7420408, 
  "aqi": 70.0
}

这是我的 javascript 代码：

<script>     
      var json_data = {{ data|safe }};
      var map, heatmap;

      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          zoom: 2,
          center: {lat: 0, lng: 0},
          minZoom: 2, 
          maxZoom: 18

        });

        heatmap = new google.maps.visualization.HeatmapLayer({
          data: getPoints(),
          radius: 50,
          dissapating: false,
          map: map
        }); …