Ignore:
Timestamp:
Apr 26, 2011, 3:00:57 PM (14 years ago)
Author:
dennisw
Message:

Supports OpenLayers/OpenStreetMap instead of Google Maps.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/django_gheat/samples/persisted/templates/home.html

    r9060 r9113  
    11<html>
    22<head>
    3 
    4     <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key={{ google_key }}"></script>
    5     <script>
    6 
    7         bounds = new GLatLngBounds( new GLatLng(-90, -180)
    8                                   , new GLatLng(90, 180)
    9                                    );
    10         copyright = new GCopyright( 'your-copyright'
    11                                   , bounds
    12                                   , 0
    13                                   , "(c) 2008 Your Organization " +
    14                                     "<http://www.example.org/>"
    15                                    );
    16         copyrights = new GCopyrightCollection();
    17         copyrights.addCopyright(copyright);
    18         heatmap = new GTileLayer(copyrights, 10, 0);
    19         heatmap.getTileUrl = function (tile, zoom) {
    20             base = 'http://127.0.0.1:8000/gheat/';
    21             color_scheme = 'classic';
    22             url = base + color_scheme +'/'+ zoom +'/'
    23             url += tile.x +','+ tile.y +'.png';
    24             return url;
    25         }
    26         heatmap.isPng = function () {return true;}
    27         heatmap.getOpacity = function () {return 1.0;}
    28    
    29         function initialize () {
    30             var map = new GMap2(document.getElementById("map"));
    31             var lebanon = new GLatLng(52.15,4.47);
    32             map.setCenter(lebanon, 13);
    33             map.setUIToDefault();
    34             map.addOverlay(new GTileLayerOverlay(heatmap));
    35         }
    36    
    37     </script>
     3  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
     4  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
     5  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script>
    386    <style>
    39         body {
    40             margin: 0;
    41             padding: 0;
    42         }
    43         #map {
    44             margin: 0;
    45             padding: 0;
    46             width: 100%;
    47             height: 100%;
    48         }
     7      #heatmap{
     8        width:100%;
     9        height:100%;
     10      }
    4911    </style>
    5012</head>
    51 <body onload="initialize()" onunload="GUnload()">
    52     <div id="map">&nbsp;</div>       
     13<body onload="init()">
     14  <div id="heatmap"></div>
    5315</body>
    5416</html>
Note: See TracChangeset for help on using the changeset viewer.