Changeset 51

Timestamp:

Oct 15, 2006, 10:16:26 PM (14 years ago)

Author:

David Sheldon

Message:

whole load of JS changes. Zooming in by clicking, zooming out all the way to allmaps.

Location:

trunk/npemap.org.uk/static/tiles

Files:

• mapTiles.js (modified) (2 diffs)
• postcode.js (modified) (1 diff)

trunk/npemap.org.uk/static/tiles/mapTiles.js

@@ -38 +38 @@
 function zoomOut() {
         if(zoomLevel == (prefixes.length-1)) {
+    location.href="allmaps.html";
                 return;
         }
+  removeMarkers();
 
         offsetGridX = Math.round(offsetGridX / jumpOut[zoomLevel]);
@@ -129 +131 @@
   maxNorthing= minNorthing + sizeGridY;
 
-  drawExisting();
+  if (zoomLevel == 1) drawExisting();
         updatePermalink();
 }

trunk/npemap.org.uk/static/tiles/postcode.js

@@ -22 +22 @@
                                 var baseEasting = tile.substring(0, tile.indexOf("/"));
                                 var baseNorthing = tile.substring(tile.indexOf("/") + 1, tile.indexOf("."));
+        var tileXratio =  tileX/img.offsetWidth;
+        var tileYratio = 1 -(tileY/img.offsetHeight);
+        if (zoomLevel != 1) {
+          // Zoom in.
+
+          offsetGridX = Math.round((baseEasting -0 + tileXratio) * jumpIn[zoomLevel]);
+          offsetGridY = Math.round((baseNorthing -0 + tileYratio) * jumpIn[zoomLevel]);
+
+          zoomLevel = zoomLevel - 1;
+          prefix = prefixes[zoomLevel];
+          refreshGrid();
+        } else {
                                 
-                                var easting = baseEasting + ('000' + Math.round((tileX/img.offsetWidth)*1000)).substr(-3)
-                                var northing = baseNorthing + ('000' + Math.round((1-(tileY/img.offsetHeight))*1000)).substr(-3)
+          var easting = baseEasting + ('000' + Math.round(tileXratio*1000)).substr(-3)
+          var northing = baseNorthing + ('000' + Math.round(tileYratio*1000)).substr(-3)
 
-                                YAHOO.util.Dom.setXY(markerElement, [(x-4), (y-11)]);
-        markerElement.style.visibility = 'visible';
-        
-        YAHOO.util.Dom.setXY(postcodeFormElement, [Math.max(0, (x-50)), (y-180) < 0 ? (y+10):(y-180)]);
-        postcodeFormElement.style.display = 'block';
-                                locationElement.innerHTML = easting + ', ' + northing
-        document.getElementById('easting').value = easting;
-        document.getElementById('northing').value = northing;
-        document.getElementById('returnX').value = offsetGridX;
-        document.getElementById('returnY').value = offsetGridY;
+          YAHOO.util.Dom.setXY(markerElement, [(x-4), (y-11)]);
+          markerElement.style.visibility = 'visible';
+          
+          YAHOO.util.Dom.setXY(postcodeFormElement, [Math.max(0, (x-50)), (y-180) < 0 ? (y+10):(y-180)]);
+          postcodeFormElement.style.display = 'block';
+          locationElement.innerHTML = easting + ', ' + northing
+          document.getElementById('easting').value = easting;
+          document.getElementById('northing').value = northing;
+          document.getElementById('returnX').value = offsetGridX;
+          document.getElementById('returnY').value = offsetGridY;
 
-        document.getElementById('postcode').value = "";
-        document.getElementById('postcode').focus();
+          document.getElementById('postcode').value = "";
+          document.getElementById('postcode').focus();
+        }
       }
     }