Index: src/django_gheat/samples/persisted/templates/home.html
===================================================================
--- src/django_gheat/samples/persisted/templates/home.html	(revision 9060)
+++ src/django_gheat/samples/persisted/templates/home.html	(revision 9113)
@@ -1,54 +1,16 @@
 <html>
 <head>
-
-    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key={{ google_key }}"></script>
-    <script>
-
-        bounds = new GLatLngBounds( new GLatLng(-90, -180)
-                                  , new GLatLng(90, 180)
-                                   );
-        copyright = new GCopyright( 'your-copyright'
-                                  , bounds
-                                  , 0
-                                  , "(c) 2008 Your Organization " +
-                                    "<http://www.example.org/>"
-                                   );
-        copyrights = new GCopyrightCollection();
-        copyrights.addCopyright(copyright);
-        heatmap = new GTileLayer(copyrights, 10, 0);
-        heatmap.getTileUrl = function (tile, zoom) {
-            base = 'http://127.0.0.1:8000/gheat/';
-            color_scheme = 'classic';
-            url = base + color_scheme +'/'+ zoom +'/'
-            url += tile.x +','+ tile.y +'.png';
-            return url;
-        }
-        heatmap.isPng = function () {return true;}
-        heatmap.getOpacity = function () {return 1.0;}
-    
-        function initialize () {
-            var map = new GMap2(document.getElementById("map"));
-            var lebanon = new GLatLng(52.15,4.47);
-            map.setCenter(lebanon, 13);
-            map.setUIToDefault();
-            map.addOverlay(new GTileLayerOverlay(heatmap));
-        }
-    
-    </script>
+  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
+  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
+  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script>
     <style>
-        body {
-            margin: 0;
-            padding: 0;
-        }
-        #map {
-            margin: 0;
-            padding: 0;
-            width: 100%;
-            height: 100%;
-        }
+      #heatmap{
+        width:100%;
+        height:100%;
+      }
     </style>
 </head>
-<body onload="initialize()" onunload="GUnload()">
-    <div id="map">&nbsp;</div>       
+<body onload="init()">
+  <div id="heatmap"></div>
 </body>
 </html>
