Javascript 使用Google Maps API配置热图覆盖_Javascript_Google Maps Api 3_Overlay_Google Fusion Tables_Heatmap

Javascript 使用Google Maps API配置热图覆盖

javascript google-maps-api-3

Javascript 使用Google Maps API配置热图覆盖,javascript,google-maps-api-3,overlay,google-fusion-tables,heatmap,Javascript,Google Maps Api 3,Overlay,Google Fusion Tables,Heatmap,我正在尝试使用谷歌地图API生成位置的热图。它可以工作，但结果不是很有用，因为热图渲染的部分很小，很难看到：文档中没有任何内容建议展开热图以渲染更大的斑点。是否有一种未记录的方法来实现这一点，或者这只是API的一个限制？我需要更多的数据点吗？我已经在下面粘贴了我正在使用的代码 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, in

我正在尝试使用谷歌地图API生成位置的热图。它可以工作，但结果不是很有用，因为热图渲染的部分很小，很难看到：

文档中没有任何内容建议展开热图以渲染更大的斑点。是否有一种未记录的方法来实现这一点，或者这只是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>

热图对于某些数据集非常有效，而对于其他数据集则不太有效。您可能对以下一个或两个功能请求感兴趣：

如果您使用Google Maps Javascript API v3，而不是当前使用的Fusion Tables API，则可以设置热图对象的“radius”属性，以完全执行您正试图执行的操作

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

融合表层：

检查maxIntensity。我也有类似的问题。maxIntensity结合半径修复了它

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

有

查看我正在使用的代码：

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

半径以米为单位，所以我的水滴直径为100米。

如果这对您有帮助，请告诉我。

这对我也很有用。maxIntensity的一些合理范围是什么？在哪里设置maxIntensity选项？内部热图：{enabled:true，maxIntensity:80}不适用于我。半径以像素为单位，因此它取决于zoomlevel@Rene文档中有没有提到这一点？这将非常有帮助。@nisargshah95-如果以前不是，现在是：