blankblank blank




Basic Google Maps Heat Map



Tixik Heatmaps – Lets you add a basic heat map to a simple Google Maps display. Create a “CSV” file of latitude/longitude pairs, with coordinates separated by a semi-colon, and each pair on a new line:

48.0043953135;0.2025604248

39.7117426603;3.4630966187

42.6976396896;2.8954124451

etc.

(Taken from the sample file).

Put the file online someplace, and then substitute its web address for “CSV_URL” in the Google Maps code below:

var tilelayer = new GTileLayer(new GCopyrightCollection(), 0, 17);
 tilelayer.getTileUrl = function(tile, zoom) {
   return 'http://api.tixik.com/scripts/tile.php?x='+tile.x+'&y='+tile.y+'&zoom='+zoom+'&csv=CSV_URL';
 };
 tilelayer.getOpacity = function() {return 0.7;}
 map.addOverlay(new GTileLayerOverlay(tilelayer));

Add this code to your Google Maps embed code, and get a basic heat map (sample map from Tixik website):

heat1

Fast, simple and basic – not a lot of options. Bit quirky/buggy, too – check out this zoomed-in area, which dropped some of the data (rest of the world looked fine:

heat2

Colors can also vary depending on the browser you use; the examples above are from Chrome, while the same map in Internet Explorer 8 looks like this:

ieheat

For quick and dirty heatmaps with Google Maps, Tixik Heatmaps seems like a decent option. But there’s an option for use with other map backgrounds that’s more flexible in display options, data format, and embeddability; more on that tomorrow.


Looking for something else? Enter some keywords below, then click "Search".    




1 Response to “Basic Google Maps Heat Map”


  1. 1 Tixik.com

    Hello, thanks for short review – we have made some updates to this service, so there should be no problems with displaying heat maps in western USA from now – a gps SQL query problem. If there any other problems, or requests, do not hesitate to contact us. thanks for sharing.

Comments are currently closed; feel free to contact me with questions/issues.