JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.googleapis.com/maps/api/js?libraries=visualization&amp;sensor=true_or_false"></script>
<div id='map-canvas'></div>

CSS

html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }

JavaScript

$( document ).ready( function() {
 $.get("https://dl.dropboxusercontent.com/u/26693853/history-07-27-2014.kml", {
    dataType: 'xml'
}, function (data) {
  var heatmapData = [];
  $(data).find("coord").each(function (i, e) {
        var h = $(e).html().split(' ');
      heatmapData.push(new google.maps.LatLng(parseFloat(h[1]), parseFloat(h[0])));
    });

var london = new google.maps.LatLng(51.515, -0.101);

map = new google.maps.Map(document.getElementById('map-canvas'), {
  center: london,
  zoom: 15,
  mapTypeId: google.maps.MapTypeId.STREET
});

var pointArray = new google.maps.MVCArray(heatmapData);

var heatmap = new google.maps.visualization.HeatmapLayer({
  data: pointArray,
  maxIntensity: 1
});
heatmap.setMap(map);
})
});