Create your own heat maps using HeatMapAPI. Use it over the Internet or as a .NET DLL to run in your environment. Integrate heat map images into Google Maps or other GIS systems.
Google Example with Javascript (Large Set)

The following is an example of how to use our API with Google Maps using Javascript. Unlike the other javascript example, this example creates 1000 random points, and submits with Javascript and returns the image and then using our helper API loads it into the Google Map.

You can see how it works on the right here.

Note: In order to get around submitting large data sets across domain names, you will most likely need to process your requests through a proxy page on your server that accesses our web service directly. This is because most current web browsers impose restrictions on cross-browser connections across domains when websites use AJAX calls with XMLHttpRequest. This example below is an implemtation of this, so read closely.

If you are passing in small sets (< 60 points, depending on the length of the data), try using the small set method.

Step 1 - Link Scripts
<script src="http://www.heatmapapi.com/javascript/HeatmapAPI2.aspx?k=(YOUR HEATMAPAPI KEY HERE)" type="text/javascript"></script>

<script src="http://maps.google.com/maps?file=api&v=2&key=(YOUR GOOGLE KEY HERE)" type="text/javascript"></script>

<script src="http://www.heatmapapi.com/javascript/HeatmapAPIGoogle2.js" type="text/javascript"></script>

Notice that in this example we use HeatmapAPI2.aspx and HeatmapAPIGoogle2.js above, which is different than the small set method.

Step 2 - Add Hidden Fields
<!-- Include these two hidden fields on your page -->
<input type="hidden" id="HMMapdata" />
<input type="hidden" name="HMImageURL" id="HMImageURL" />

Step 3 - Load Google and Init Heat Maps API
<script type="text/javascript">
var m = null;
function loadGoogle()
{
 if (GBrowserIsCompatible())
 {
  m = new GMap2(document.getElementById("map"));
  m.addControl(new GLargeMapControl());
  m.addControl(new GMapTypeControl());
  m.setCenter(new GLatLng(39.03, -103.96), 12);
  initHeatmap();
 }
 else
  alert('Your Internet browser is not compatible
    with this website.');
}

setTimeout('loadGoogle()', 1);

function initHeatmap()
{
 // Heatmap Scripts
 try
 {
  var myHM = new GEOHeatmap();
  myHM.Init(400, 300); // Step 1

  // Generate random lat/lon and value points

 for(p=0;p<1000;p++)
 {
  var rLatD=Math.floor(Math.random()*1000);
  var rLonD=Math.floor(Math.random()*1000);
  var rValD=Math.floor(Math.random()*10);
  var sVal = (39+(rLatD/15000)) + "," +
   (-104+(rLonD/15000)) + "," +
    (rValD) + ",";
  d += sVal;
 }
  document.getElementById("HMMapdata").value = d; // Step 2
  myHM.SetBoost(2); // Optional, make it 'smoother n bigger'
  myHM.SetDecay(0); //Optional, slow growth for adjacency

  //NOTE YOU NEED TO CREATE A PAGE LIKE THIS BELOW ON YOUR SITE
  //See the documentation under web services for an example


  var proxyURL = 'http://yourwebsite.com/
    HeatmapGenerateProxy.aspx'; // Optional for cross-domain

  myHM.SetProxyURL(proxyURL); // Step 2b // Optional
                                            // for cross-domain
  var preUrl = myHM.GetURL(); // Step 3

  // Now render in our Google Map
  var heatmapOverlay = new HMGoogleOverlay(preUrl);
  m.addOverlay(heatmapOverlay);
 }
 catch(e)
 {
  alert(e.Message);
 }
}
The Example:

    Copyright 2008, Geospatial Analytics Inc.