source: trunk/src/map/inc/nodemapWL.js@ 7731

//Declaring some variables we will be using
var map;
var toggleState = 1;
var marker_hash = {};

        //This function is called from index.php
        function initialize_map() {
          //We will only do this function if the browser is compatible
          if (GBrowserIsCompatible()) {
            //Adding the google map into the div called #mapcanvas
        map = new GMap2(document.getElementById("mapcanvas"));
                //Center the map on Leiden
        map.setCenter(new GLatLng(52.162687, 4.493294), 11); 
        map.setUIToDefault();
                
                //Go through the array 'markers' (Declared in index.php) and add a marker for each marker stored in the array using our addMarker function
                for (var i=0; i<markers.length; i++) {
            var current = markers[i];
            var marker  = addMarker(current);
            marker_hash[current.id] = {marker : marker};
        }
          }
        } 
        
        //This function will contain the displaying and not displaying of nodes on the map
        function toggleNodes() {
          if (toggleState == 1) {
        map.removeOverlay(geoXml);
        toggleState = 0;
          } else {
                map.addOverlay(geoXml);
        toggleState = 1;
          }
        }
        
        //This function adds a marker with an object from our 'marker'array defined in index.php
        function addMarker(current) {
      var marker  = new GMarker(new GLatLng(current.latitude[0], current.longitude[0]));
      map.addOverlay(marker);
          //Added mouseover listener that calls on our mouseOver function when the mouse moves over a marker on the map
      GEvent.addListener(marker, 'mouseover', function() {
          mouseOver(current.id, current.name[0]);
      });
      return marker;
    }
        
        //Our mouseover function
        function mouseOver(id, name)
        {
                //For now we only post the id(We made ourself in kmlHandler) and the name of the node
                this.obj = document.getElementById("infotop");
                obj.innerHTML = id+" - "+name;
                //We will replace this function with a httprequest to a php file in the future
        }