Changeset 60 for trunk/npemap.org.uk

Timestamp:

Oct 16, 2006, 2:16:16 PM (14 years ago)

Author:

David Sheldon

Message:

Merge postcode.js into mapTiles.js, more IE work.

Location:

trunk/npemap.org.uk/static/tiles

Files:

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

trunk/npemap.org.uk/static/tiles/map.html

@@ -9 +9 @@
 <script src="dom.js"></script> 
 <script src="connection.js"></script>
+<script src="event.js"></script> 
 <!-- Our functions -->
 <script src="mapTiles.js"></script>
-<script src="postcode.js"></script>
         <h1 id=theTitle>New popular mapping</h1>
 

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

@@ -1 +1 @@
 
-/* File: gridFunction.js
+/* File: mapTiles.js
 */
 var size;   // Size of array grid in each dimension
@@ -34 +34 @@
 
 
+
+var mapContainerElement;
+var mapElement;
+var markerElement;
+var postcodeFormElement;
+
+
+function go() {
+                mapElement = document.getElementById('map');
+                mapContainerElement = document.getElementById('map_container');
+                markerElement = document.getElementById('marker');
+                postcodeFormElement = document.getElementById('postcode_form');
+                locationElement = document.getElementById('location');
+                mapElement.onclick = function(e) {
+                        e = YAHOO.util.Event.getEvent(e);
+                        var img = YAHOO.util.Event.getTarget(e);
+                        var x = YAHOO.util.Event.getPageX(e);
+                        var y = YAHOO.util.Event.getPageY(e);
+                        var imgPos = YAHOO.util.Dom.getXY(img);
+                        var tileX = x - imgPos[0];
+                        var tileY = y - imgPos[1];
+                        // Tiles are eee/nnn.jpg
+                        var tile = img.src.substring( img.src.lastIndexOf("/") - 3 );
+                        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(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';
+                                
+                                postcodeFormElement.style.display = 'block';
+                                YAHOO.util.Dom.setXY(postcodeFormElement, [Math.max(0, (x-50)), (y-180) < 0 ? (y+10):(y-180)]);
+                                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();
+                        }
+                }
+        }
+        
+        function closePostcodeWindow() {
+                postcodeFormElement.style.display = 'none';
+        }
+
+