4

Google Maps APIを使用して場所のヒートマップを生成しようとしています。それは動作しますが、ヒートマップによってレンダリング部分が小さいので、その結果は、非常に有用ではありません見るのは難しいです: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> 

答えて

1

をGoogleマップのJavascript APIあなたはフュージョンテーブルAPIとは対照的に、V3(ヒートマップオブジェクトの '半径'プロパティを設定して、実行しようとしていることを正確に行うことができます。

残念ながら、Fusion Tables APIを使用してこれを行う方法はありません。ドキュメントも、この明示的に言及している:

フュージョン表層:No ability to customize the appearance of the heatmap.

3

チェックアウトmaxIntensity。私も同様の問題がありました。 maxIntensityとそれを固定した半径。

maxIntensity:ヒートマップの最大強度。デフォルトでは、 のヒートマップカラーは、マップ上の特定のピクセルでの最大濃度の点に応じて動的に拡大/縮小されます。この プロパティでは、固定最大値を指定できます。最大値を に設定すると、データセットに異常な強度を持ついくつかの異常値が含まれている場合に便利です。

+0

これも私のために働いています。 maxIntensityのいくつかの妥当な範囲は何ですか? –

+1

maxIntensityオプションはどこで設定しますか?ヒートマップ内:{enabled:true、maxIntensity:80}は私のためには機能しません。 – Arjen

0

はいあります。

私が使用しているコードをチェックアウト:

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

を私の塊の直径は100メートルになるよう半径は、メートルで測定されています。 これが役立つかどうかお知らせください。

+3

半径はピクセル単位であるため、zoomlevelに依存します –

+0

@Rene Potこれはドキュメントのどこに記載されていますか?それは非常に役立つだろう。 – nsane

+1

@ nisargshah95 - これまでにない場合は、今すぐ:https://developers.google.com/maps/documentation/javascript/heatmaplayer#customize_a_heatmap_layer –

関連する問題