source: branches/narped-alp/map.php @ 5

<?php
require_once 'include/_universal.php';
$x = new universal('map','',0);
global $lan, $dbc;

if ($x->is_secure()) {
$x->display_top();

?> 
<div id="map_canvas" style="min-height: 500px; width: 100%; height: 100%;">Loading...</div> 
<div id="zoom_to_fit" style="cursor: pointer;color: black; background: white; border: 1px solid black; z-index: 10000; position: absolute;" onclick="zoom_to_fit();">Zoom to fit</div>
<div style="text-align: right; color:white;">last click was lat: <span id="map_lat" style="font-weight: bold">?</span>, long: <span id="map_long" style="font-weight: bold">?</span></div> 

<script type="text/javascript">

  var map;
  var userlist = [
<?php
    $data = $dbc->database_query('SELECT username, longitude, latitude FROM users WHERE latitude IS NOT NULL AND latitude != 0 AND longitude IS NOT NULL AND longitude != 0 ORDER BY userid ASC');
    $count = $dbc->database_num_rows($data);
    if ($count) {
      $index = 0;
      while($row = $dbc->database_fetch_assoc($data)) {
        $index++;
        printf("    ['%s', %f, %f ]%s\n", $row['username'], $row['latitude'], $row['longitude'],($index == $count) ? '' : ',');
      }
    }
?>
  ];

</script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">

  var center;

  /* Basic loading of the google map */
  function initialize() {
    var docelement = document.getElementById("map_canvas");
    var setLon = <?php echo $lan['longitude']; ?>;
    var setLat = <?php echo $lan['latitude']; ?>;
    center = new google.maps.LatLng(setLat,setLon);
    var myOptions = {
      zoom: 8,
      center: center,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(docelement, myOptions);

    var marker = new google.maps.Marker({
      position: center,
      map: map,
      title: "EuroNARP 2008",
      zIndex: 100
    });
    setMarkers(map, userlist);
    
    google.maps.event.addListener(map, 'click', function(event) {
      setLatLong(event.latLng);
    });
  }

  document.body.onload = initialize();

  /* Function to round coordinates to X decimals */
  function roundCoord(number, dec) {
    return Math.round(number * Math.pow(10,dec)) / Math.pow(10,dec);
  }


  function setLatLong(latLng) {
    var lat = document.getElementById('map_lat');
    var long = document.getElementById('map_long');
    lat.innerHTML = '' + roundCoord(latLng.lat(), 6);
    long.innerHTML = '' + roundCoord(latLng.lng(), 6);
  }

  function setMarkers(map, locations) {
    // Add markers to the map
    for (var i = 0; i < locations.length; i++) {
      var user = locations[i];
      var myLatLng = new google.maps.LatLng(user[1], user[2]);
      var image = 'img/userhead.png';
      var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title: user[0],
        icon: image
      });
    }
  }

  function zoom_to_fit() {
    var area = new google.maps.LatLngBounds();
    area.extend(center);
    for (var i = 0; i < userlist.length; i++) {
      var user = userlist[i];
      area.extend(new google.maps.LatLng(user[1], user[2]));
    }
    map.fitBounds(area);
    map.set_zoom(map.get_zoom() -1);
//    map.setCenter( area.getCenter( ), map.getBoundsZoomLevel( area ) );


  }

</script>
<?php
} 
$x->display_bottom();

?>