diff options
Diffstat (limited to 'demos/spinner/latlong.html')
| -rw-r--r-- | demos/spinner/latlong.html | 49 |
1 files changed, 26 insertions, 23 deletions
diff --git a/demos/spinner/latlong.html b/demos/spinner/latlong.html index 954f83996..d1dc612b4 100644 --- a/demos/spinner/latlong.html +++ b/demos/spinner/latlong.html @@ -1,31 +1,31 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Spinner - Map</title> - <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> - <script type="text/javascript" src="../../jquery-1.6.2.js"></script> - <script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <script type="text/javascript"> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="http://maps.google.com/maps/api/js?sensor=false"></script> + <script src="../../jquery-1.6.2.js"></script> + <script src="../../external/jquery.mousewheel-3.0.4.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.button.js"></script> + <script src="../../ui/jquery.ui.spinner.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> $(function() { function latlong() { - return new google.maps.LatLng($("#lat").val(),$("#lng").val()); + return new google.maps.LatLng( $("#lat").val(), $("#lng").val() ); } function position() { - map.setCenter(latlong()); + map.setCenter( latlong() ); } - $("#lat, #lng").spinner({ + $( "#lat, #lng" ).spinner({ precision: 6, change: position }); - - var map = new google.maps.Map($("#map")[0], { + + var map = new google.maps.Map( $("#map")[0], { zoom: 8, center: latlong(), mapTypeId: google.maps.MapTypeId.ROADMAP @@ -33,7 +33,10 @@ }); </script> <style> - #map { width:500px; height:500px; } + #map { + width:500px; + height:500px; + } </style> </head> <body> @@ -41,19 +44,19 @@ <div class="demo"> <label for="lat">Latitude</label> -<input id="lat" name="lat" value="44.797916" /> -<br/> +<input id="lat" name="lat" value="44.797916"> +<br> <label for="lng">Longitude</label> -<input id="lng" name="lng" value="-93.278046" /> +<input id="lng" name="lng" value="-93.278046"> <div id="map"></div> </div><!-- End demo --> + + <div class="demo-description"> -<p> -Google Maps integration, using spinners to change latidude and longitude. -</p> +<p>Google Maps integration, using spinners to change latidude and longitude.</p> </div><!-- End demo-description --> </body> |