Untitled

<!DOCTYPE html>
<html>
<head>
  <!-- Use correct character set. -->
  <meta charset="utf-8">
  <!-- Tell IE to use the latest, best version (or Chrome Frame if pre-IE11). -->
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <title>Heatmap</title>
  <script src="../Build/Cesium/Cesium.js"></script>
  <script type="text/javascript" src="../Build/heatmap.js"></script>
  <script type="text/javascript" src="../Build/geohash.js"></script>
  <script type="text/javascript" src="../Build/HeatmapImageryProvider.js"></script>
  <style>
      @import url(../Build/Cesium/Widgets/widgets.css);
      html, body {
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          overflow: hidden;
      }
      #cesiumContainer {
        width:100%;
        height:100%;
      }

  </style>
</head>
<body>
    <div id="cesiumContainer"></div>
    <script type="text/javascript">
      window.onload = function() {

        var defHeatmapConfig = {
            radius: 40,
            renderer: 'canvas2d',
            gradient: { 0.25: "rgb(0,0,255)", 0.55: "rgb(0,255,0)", 0.85: "yellow", 1.0: "rgb(255,0,0)"},
            maxOpacity: 1,
            minOpacity: 0,
            blur: .85,
            xField: 'x',
            yField: 'y',
            valueField: 'value'
        };

        var defOptions = {
            useLocalMaximum: true,
            canvasWidth: 256,
            canvasHeight: 256
        };

        var viewer = new Cesium.Viewer('cesiumContainer', {
            imageryProvider : new HeatmapImageryProvider(defHeatmapConfig, defOptions, "../json.json")
        });


      };
    </script>
</body>
</html>