使用Google Maps API配置热力图叠加层

Question

使用Google Maps API配置热力图叠加层

javascriptgoogle-maps-api-3overlaygoogle-fusion-tablesheatmap

4

我正在尝试使用Google Maps API生成地点热力图。虽然它可以工作，但结果并不是非常有用，因为由热力图渲染的部分很小且难以看清： google maps heatmap problem

文档中没有提供扩展热力图以呈现更大的区块的方法。这是否是API的限制？我只需要更多的数据点吗？以下是我使用的代码。

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html {
        height: 100%
      }

      body {
        height: 100%;
        margin: 0px;
        padding: 0px
      }

      #map {
        height: 100%
      }
    </style>

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      function initialize() {
        var myLatlng = new google.maps.LatLng(44.646959,-63.589697);
        var myOptions = {
          zoom : 14,
          center : myLatlng,
          mapTypeId : google.maps.MapTypeId.ROADMAP
        }

        var map = new google.maps.Map(document.getElementById('map'), myOptions);

        var layer = new google.maps.FusionTablesLayer({
          query: {
            select: 'geometry',
            from: '[ fusion table id removed ]'
          },
          heatmap: { enabled: true }
        });

        layer.setMap(map);
      }
    </script>
  </head>
  <body onload="initialize()">
    <div id="map"></div>
  </body>
</html>

- Steve Vermeulen

3个回答

1

如果您使用的是Google Maps Javascript API v3（而不是您目前正在使用的Fusion Tables API），则可以设置热力图对象的“半径”属性，以实现您试图做的事情。

不幸的是，使用Fusion Tables API无法做到这一点。文档甚至明确提到了这一点：

融合表层：无法自定义热力图的外观。

- rowanu

0

有的。

看看我正在使用的代码：

heatmap = new google.maps.visualization.HeatmapLayer({
    dissipating: true,
    map: map,
    radius: 50
});

半径以米为单位测量，所以我的气泡直径为100米。如果这有帮助，请告诉我。

- Filipe Melo

3

半径以像素为单位，因此它取决于缩放级别。 - Rene Pot

@Rene Pot 这个在文档中有提到吗？那会非常有帮助。 - nsane

1

@nisargshah95 - 如果以前不是，现在就是了：https://developers.google.com/maps/documentation/javascript/heatmaplayer#customize_a_heatmap_layer - Warren Sergent

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rynop · Accepted Answer

请查看maxIntensity。我曾经遇到过类似的问题，使用maxIntensity和radius可以解决。

maxIntensity：热力图的最大强度。默认情况下，热力图颜色根据地图上任何特定像素点上的点的最大浓度进行动态缩放。此属性允许您指定一个固定的最大值。当数据集包含一些具有异常高强度的离群值时，设置最大强度可能会有所帮助。