Renamed map JS to facilitate upcoming changes.
authorLennard de Rijk <ljvderijk@gmail.com>
Sun, 19 Apr 2009 22:05:25 +0000
changeset 2251 2d286b2419d1
parent 2250 a172051d9b99
child 2252 947cfb05463b
Renamed map JS to facilitate upcoming changes. Patch by: Lennard de Rijk Reviewed by: to-be-reviewed
app/soc/content/js/map-090307.js
app/soc/content/js/map-090420.js
app/soc/templates/soc/role/edit.html
--- a/app/soc/content/js/map-090307.js	Sun Apr 19 21:50:04 2009 +0000
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,175 +0,0 @@
-role_profile_gmap = new function(){
-  // Create global variables
-  var map;
-  var marker;
-  var geocoder;
-
-  // The following strings can be customized to reflect ids in the page. 
-  // You can also add or remove fields used for GMap Geocoding in 
-  // the JSON address object
-
-  var current_lat = 0;
-  var current_lng = 0;
-
-  // Two different levels for zoom: Starting one and an inner that 
-  // is used when showing the map if lat and lon page fields are set
-  var world_zoom = 0;
-  var country_zoom = 4;
-  var state_zoom = 6;
-  var city_zoom = 10;
-  var address_zoom = 13;
-
-  // Do not add a starting # as this JQuery selector seems 
-  // incompatible with GMap API
-  var map_div = "role_profile_map";
-
-  var field_lat = "#id_latitude";
-  var field_lng = "#id_longitude";
-  // Need to save old values to avoid unwanted updating 
-  // of lat and lot if marker dragged and blur another time an address field
-  var address = {
-    street: {
-      id: "#id_res_street",
-      old_value: ""
-    },
-    city: {
-      id: "#id_res_city",
-      old_value: ""
-    },
-    state: {
-      id: "#id_res_state",
-      old_value: ""
-    },
-    country: {
-      id: "#id_res_country",
-      old_value: ""
-    },
-    postalcode: {
-      id: "#id_res_postalcode",
-      old_value: ""
-    }
-  }
-
-  // Save current address fields in the JSON Object
-  function saveOldAddress() {
-    for (var a in address) {
-      address[a].old_value = $(address[a].id).val();
-    }
-  }
-
-  // Return true if the user has edited address fields
-  function isNewAddress() {
-    for (var a in address) {
-      if ($(address[a].id).val() != address[a].old_value) return true;
-    }
-    return false;
-  }
-
-  // Write saved lat and lng values to page fields
-  function setLatLngFields() {
-    $(field_lat).val(current_lat);
-    $(field_lng).val(current_lng);
-  }
-
-  // Read lat and lng fields and store them
-  function readLatLngFields() {
-    current_lat = $(field_lat).val();
-    current_lng = $(field_lng).val();
-  }
-
-  // This function reads address fields, merge them and uses 
-  // GMap API geocoding to find the first hit
-  // Using geocoding http://code.google.com/intl/it-IT/apis/maps/documentation/services.html#Geocoding
-  function calculateAddress() {
-    // If the user has really edited address fields...
-    if (isNewAddress()) {
-      // Merge address fields
-      var address_string = "";
-      for (var a in address) {
-        address_string+=$(address[a].id).val();
-        if (a!=address.length-1) {address_string+=","};
-      }
-
-      // Ask GMap API for geocoding
-      geocoder.getLatLng(
-        address_string,
-        function(point) {
-          // If a point is found
-          if (point) {
-            // Save the current address in the JSON object
-            saveOldAddress();
-            // Set the new zoom, map center and marker coords
-            var zoom_set = world_zoom;
-            if ($(address.street.id).val()!="") zoom_set = address_zoom;
-            else if ($(address.city.id).val()!="") zoom_set = city_zoom;
-            else if ($(address.state.id).val()!="") zoom_set = state_zoom;
-            else if ($(address.country.id).val()!="") zoom_set = country_zoom;
-            map.setCenter(point, zoom_set);
-            marker.setPoint(point);
-            map.clearOverlays();
-            map.addOverlay(marker);
-            // Save point coords in local variables and then update 
-            // the page lat/lng fields
-            current_lat = point.lat();
-            current_lng = point.lng();
-            setLatLngFields();
-          }
-        }
-      );
-    }
-  }
-
-  // Public function to load the map
-  this.map_load = function() {
-    // All can happen only if there is gmap compatible browser.
-    // TODO: Fallback in case the browser is not compatible
-    if (GBrowserIsCompatible()) {
-      // Save the address fields. This is useful if the page is being edited 
-      // to not update blindly the lat/lng fields with GMap geocoding if 
-      // blurring an address field
-      saveOldAddress();
-      var starting_point;
-      var zoom_selected = world_zoom;
-      var show_marker = true;
-
-      // Create the map and add small controls
-      map = new GMap2(document.getElementById(map_div));
-      map.addControl(new GSmallMapControl());
-      map.addControl(new GMapTypeControl());
-
-      // Instantiate a global geocoder for future use
-      geocoder = new GClientGeocoder();
-
-      // If lat and lng fields are not void (the page is being edited) then 
-      // update the starting coords, modify the zoom level and tells following 
-      // code to show the marker
-      if ($(field_lat).val()!="" && $(field_lng).val()!="") {
-        readLatLngFields();
-        zoom_selected = address_zoom;
-        show_marker = true;
-      }
-      
-      // Set map center, marker coords and show it if this is an editing
-      starting_point = new GLatLng(current_lat,current_lng);
-      map.setCenter(starting_point, zoom_selected);
-      marker = new GMarker(starting_point, {draggable:true});
-      if (show_marker) map.addOverlay(marker);
-      
-      // Adds a new event listener to geocode the address when an address 
-      // field is blurred
-      for (var a in address) {
-        $(address[a].id).blur(calculateAddress);
-      }
-      
-      // Adds a new event listener: if the marker has been dragged around...
-      GEvent.addListener(marker, "dragend", function() {
-        // Update internal variables with current marker coords...
-        current_lat = marker.getPoint().lat();
-        current_lng = marker.getPoint().lng();
-        // ...and set page fields accordingly
-        setLatLngFields();
-      });
-    }
-  }
-};
-
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/app/soc/content/js/map-090420.js	Sun Apr 19 22:05:25 2009 +0000
@@ -0,0 +1,175 @@
+role_profile_gmap = new function(){
+  // Create global variables
+  var map;
+  var marker;
+  var geocoder;
+
+  // The following strings can be customized to reflect ids in the page. 
+  // You can also add or remove fields used for GMap Geocoding in 
+  // the JSON address object
+
+  var current_lat = 0;
+  var current_lng = 0;
+
+  // Two different levels for zoom: Starting one and an inner that 
+  // is used when showing the map if lat and lon page fields are set
+  var world_zoom = 0;
+  var country_zoom = 4;
+  var state_zoom = 6;
+  var city_zoom = 10;
+  var address_zoom = 13;
+
+  // Do not add a starting # as this JQuery selector seems 
+  // incompatible with GMap API
+  var map_div = "role_profile_map";
+
+  var field_lat = "#id_latitude";
+  var field_lng = "#id_longitude";
+  // Need to save old values to avoid unwanted updating 
+  // of lat and lot if marker dragged and blur another time an address field
+  var address = {
+    street: {
+      id: "#id_res_street",
+      old_value: ""
+    },
+    city: {
+      id: "#id_res_city",
+      old_value: ""
+    },
+    state: {
+      id: "#id_res_state",
+      old_value: ""
+    },
+    country: {
+      id: "#id_res_country",
+      old_value: ""
+    },
+    postalcode: {
+      id: "#id_res_postalcode",
+      old_value: ""
+    }
+  }
+
+  // Save current address fields in the JSON Object
+  function saveOldAddress() {
+    for (var a in address) {
+      address[a].old_value = $(address[a].id).val();
+    }
+  }
+
+  // Return true if the user has edited address fields
+  function isNewAddress() {
+    for (var a in address) {
+      if ($(address[a].id).val() != address[a].old_value) return true;
+    }
+    return false;
+  }
+
+  // Write saved lat and lng values to page fields
+  function setLatLngFields() {
+    $(field_lat).val(current_lat);
+    $(field_lng).val(current_lng);
+  }
+
+  // Read lat and lng fields and store them
+  function readLatLngFields() {
+    current_lat = $(field_lat).val();
+    current_lng = $(field_lng).val();
+  }
+
+  // This function reads address fields, merge them and uses 
+  // GMap API geocoding to find the first hit
+  // Using geocoding http://code.google.com/intl/it-IT/apis/maps/documentation/services.html#Geocoding
+  function calculateAddress() {
+    // If the user has really edited address fields...
+    if (isNewAddress()) {
+      // Merge address fields
+      var address_string = "";
+      for (var a in address) {
+        address_string+=$(address[a].id).val();
+        if (a!=address.length-1) {address_string+=","};
+      }
+
+      // Ask GMap API for geocoding
+      geocoder.getLatLng(
+        address_string,
+        function(point) {
+          // If a point is found
+          if (point) {
+            // Save the current address in the JSON object
+            saveOldAddress();
+            // Set the new zoom, map center and marker coords
+            var zoom_set = world_zoom;
+            if ($(address.street.id).val()!="") zoom_set = address_zoom;
+            else if ($(address.city.id).val()!="") zoom_set = city_zoom;
+            else if ($(address.state.id).val()!="") zoom_set = state_zoom;
+            else if ($(address.country.id).val()!="") zoom_set = country_zoom;
+            map.setCenter(point, zoom_set);
+            marker.setPoint(point);
+            map.clearOverlays();
+            map.addOverlay(marker);
+            // Save point coords in local variables and then update 
+            // the page lat/lng fields
+            current_lat = point.lat();
+            current_lng = point.lng();
+            setLatLngFields();
+          }
+        }
+      );
+    }
+  }
+
+  // Public function to load the map
+  this.map_load = function() {
+    // All can happen only if there is gmap compatible browser.
+    // TODO: Fallback in case the browser is not compatible
+    if (GBrowserIsCompatible()) {
+      // Save the address fields. This is useful if the page is being edited 
+      // to not update blindly the lat/lng fields with GMap geocoding if 
+      // blurring an address field
+      saveOldAddress();
+      var starting_point;
+      var zoom_selected = world_zoom;
+      var show_marker = true;
+
+      // Create the map and add small controls
+      map = new GMap2(document.getElementById(map_div));
+      map.addControl(new GSmallMapControl());
+      map.addControl(new GMapTypeControl());
+
+      // Instantiate a global geocoder for future use
+      geocoder = new GClientGeocoder();
+
+      // If lat and lng fields are not void (the page is being edited) then 
+      // update the starting coords, modify the zoom level and tells following 
+      // code to show the marker
+      if ($(field_lat).val()!="" && $(field_lng).val()!="") {
+        readLatLngFields();
+        zoom_selected = address_zoom;
+        show_marker = true;
+      }
+      
+      // Set map center, marker coords and show it if this is an editing
+      starting_point = new GLatLng(current_lat,current_lng);
+      map.setCenter(starting_point, zoom_selected);
+      marker = new GMarker(starting_point, {draggable:true});
+      if (show_marker) map.addOverlay(marker);
+      
+      // Adds a new event listener to geocode the address when an address 
+      // field is blurred
+      for (var a in address) {
+        $(address[a].id).blur(calculateAddress);
+      }
+      
+      // Adds a new event listener: if the marker has been dragged around...
+      GEvent.addListener(marker, "dragend", function() {
+        // Update internal variables with current marker coords...
+        current_lat = marker.getPoint().lat();
+        current_lng = marker.getPoint().lng();
+        // ...and set page fields accordingly
+        setLatLngFields();
+      });
+    }
+  }
+};
+
--- a/app/soc/templates/soc/role/edit.html	Sun Apr 19 21:50:04 2009 +0000
+++ b/app/soc/templates/soc/role/edit.html	Sun Apr 19 22:05:25 2009 +0000
@@ -18,7 +18,7 @@
 {{ block.super }}
 {% if gmaps_api_key %}
 	<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key={{ gmaps_api_key }}" type="text/javascript"></script>
-	<script type="text/javascript" src="/soc/content/js/map-090307.js"></script>
+	<script type="text/javascript" src="/soc/content/js/map-090420.js"></script>
 {% endif %}
 {% endblock %}