<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Map detect</title> <script src="
http://maps.google.com/maps?fi....a5xkwQA" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function pad(num, count) { var lenDiff = count - String(num).length; var padding = ""; if (lenDiff > 0) while (lenDiff--) padding += "0"; return padding + num; } // A Rectangle is a simple overlay that outlines a lat/lng bounds on the // map. It has a border of the given weight and color and can optionally // have a semi-transparent background color. function Rectangle(bounds, opt_weight, opt_color) { this.bounds_ = bounds; this.weight_ = opt_weight || 2; this.color_ = opt_color || "#888888"; } Rectangle.prototype = new GOverlay(); // Creates the DIV representing this rectangle. Rectangle.prototype.initialize = function(map) { // Create the DIV representing our rectangle var div = document.createElement("div"); div.style.border = this.weight_ + "px solid " + this.color_; div.style.position = "absolute"; // Our rectangle is flat against the map, so we add our selves to the // MAP_PANE pane, which is at the same z-index as the map itself (i.e., // below the marker shadows) map.getPane(G_MAP_MAP_PANE).appendChild(div); this.map_ = map; this.div_ = div; } // Remove the main DIV from the map pane Rectangle.prototype.remove = function() { this.div_.parentNode.removeChild(this.div_); } // Copy our data to a new Rectangle Rectangle.prototype.copy = function() { return new Rectangle(this.bounds_, this.weight_, this.color_, this.backgroundColor_, this.opacity_); } // Redraw the rectangle based on the current projection and zoom level Rectangle.prototype.redraw = function(force) { // We only need to redraw if the coordinate system has changed if (!force) return; // Calculate the DIV coordinates of two opposite corners of our bounds to // get the size and position of our rectangle var c1 = this.map_.fromLatLngToDivPixel(this.bounds_.getSouthWest()); var c2 = this.map_.fromLatLngToDivPixel(this.bounds_.getNorthEast()); // Now position our DIV based on the DIV coordinates of our bounds this.div_.style.width = Math.abs(c2.x - c1.x) + "px"; this.div_.style.height = Math.abs(c2.y - c1.y) + "px"; this.div_.style.left = (Math.min(c2.x, c1.x) - this.weight_) + "px"; this.div_.style.top = (Math.min(c2.y, c1.y) - this.weight_) + "px"; } function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(55.7, 37.5), 6); GEvent.addListener(map,"click", function(overlay,latlng) { if (latlng) { var lat = latlng.lat(); var lon = latlng.lng(); map.clearOverlays(); var rectBounds = new GLatLngBounds( new GLatLng(Math.floor(lat/2)*2, Math.floor(lon/3)*3), new GLatLng(Math.floor(lat/2)*2+2, Math.floor(lon/3)*3+3)); map.addOverlay(new Rectangle(rectBounds)); var rectBounds = new GLatLngBounds( new GLatLng(Math.floor(lat*3)/3, Math.floor(lon*2)/2), new GLatLng(Math.floor(lat*3)/3+1/3, Math.floor(lon*2)/2+1/2)); map.addOverlay(new Rectangle(rectBounds, 1, "#222222")); var plat = lat; var plon = lon; var ltr = (plat<0 ? "x" : "" ) + String.fromCharCode("A".charCodeAt(0) + Math.abs(plat) / 4); var sq001 = ltr + "-" + Math.floor((plon+180)/6+1).toFixed(0); var sq500 = sq001 + "-" + (1 + 2 - 2*Math.floor(((plat+100)%4)/2) + Math.floor(((plon+180)%6)/3) ).toFixed(0); var sq200 = sq001 + "-" + pad( Math.ceil(1 + 30 - 6*Math.floor(((plat+100)%4)/2*3) + Math.floor(((plon+180)%6))), 2 ); var sq100 = sq001 + "-" + pad( Math.ceil(1 + 132 - 12*Math.floor(((plat+100)%4)*3) + Math.floor(((plon+180)%6)*2)), 3 ); var sq050 = sq100 + "-" + (1 + 2 - 2*Math.floor(((plat+100)%(1/3))*6) + Math.floor(((plon+180)%(1/2))*4) ).toFixed(0); var sq025 = sq050 + "-" + (1 + 2 - 2*Math.floor(((plat+100)%(1/6))*12) + Math.floor(((plon+180)%(1/4))*8) ).toFixed(0); var myHtml = "<table><tr><td>WGS: <td>(" + lat.toFixed(5) + ", " + lon.toFixed(5) + ")" + // "<tr><td>Pulkovo: <td>(" + plat.toFixed(5) + ", " + plon.toFixed(5) + ")" + "</table>" + "<table>" + "<tr><td> 1 : 1000000 </td><td> " + sq001 + " </td>" + "<tr><td> 1 : 500000 </td><td> " + sq500 + " </td>" + "<tr><td> 1 : 200000 </td><td> " + sq200 + " </td>" + "<tr><td> 1 : 100000 </td><td> " + sq100 + " </td>" + "<tr><td> 1 : 50000 </td><td> " + sq050 + " </td>" + "<tr><td> 1 : 25000 </td><td> " + sq025 + " </td>" + "</table>"; map.openInfoWindow(latlng, myHtml); } };); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); } } //]]> </script> </head><script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try {var pageTracker = _gat._getTracker("UA-7497955-2");pageTracker._trackPageview();} catch(err) {}</script> <body onload="initialize()" onunload="GUnload()"> <div id="map_canvas" style="width: 100%; height: 600px"></div> <div id="sq"> <br/>Click on map <br/><br/> © liosha,
xliosha@gmail.com <br/><br/> <img src="
http://www.hitcounter.ru/count.php?liosha" border="0" alt="����稪" /> </div> </body></html>
Чат сообщества
