Actually I just copy pasted from the jQuery UI sample. You should thank the original developers.
The latitude and longitude of my place I know by heart. That is all. -Girish On Mon, Jul 8, 2013 at 5:56 PM, Saravanan Devasagayam <[email protected]> wrote: > thanks............ > > > On Sun, Jul 7, 2013 at 8:43 AM, Girish Venkatachalam < > [email protected]> wrote: > >> This is really interesting: >> >> http://awrdev.g3tech.in/jquery_tutorials/latlong.html >> >> Code is short: >> >> <script src="http://maps.google.com/maps/api/js?sensor=false >> "></script> >> <script src="/jquery/jquery.min.js"></script> >> <script src="/jquery/jquery.mousewheel.js"></script> >> <script src="/jquery/jquery.ui.core.js"></script> >> <script src="/jquery/jquery.ui.widget.js"></script> >> <script src="/jquery/jquery.ui.button.js"></script> >> <script src="/jquery/jquery.ui.spinner.js"></script> >> <script> >> $(function() { >> function latlong() { >> return new google.maps.LatLng( >> $("#lat").val(), $("#lng").val() ); >> } >> function position() { >> map.setCenter( latlong() ); >> } >> $( "#lat, #lng" ).spinner({ >> step: .001, >> change: position, >> stop: position >> }); >> >> var map = new google.maps.Map( $("#map")[0], { >> zoom: 8, >> center: latlong(), >> mapTypeId: google.maps.MapTypeId.ROADMAP >> }); >> }); >> >> >> Data: >> >> <body> >> >> <label for="lat">Latitude</label> >> <input id="lat" name="lat" value="7.47"> >> <br> >> <label for="lng">Longitude</label> >> <input id="lng" name="lng" value="77.28"> >> >> <div id="map"></div> >> >> <div class="demo-description"> >> <p>Google Maps integration, using spinners to change latidude and >> longitude.</p> >> </div> >> >> I give the latitude and longitude of my place Nellai. >> >> You can try playing with it. >> >> -Girish >> >> -- >> Gayatri Hitech >> http://gayatri-hitech.com >> _______________________________________________ >> ILUGC Mailing List: >> http://www.ae.iitm.ac.in/mailman/listinfo/ilugc >> ILUGC Mailing List Guidelines: >> http://ilugc.in/mailinglist-guidelines >> > _______________________________________________ > ILUGC Mailing List: > http://www.ae.iitm.ac.in/mailman/listinfo/ilugc > ILUGC Mailing List Guidelines: > http://ilugc.in/mailinglist-guidelines -- Gayatri Hitech http://gayatri-hitech.com _______________________________________________ ILUGC Mailing List: http://www.ae.iitm.ac.in/mailman/listinfo/ilugc ILUGC Mailing List Guidelines: http://ilugc.in/mailinglist-guidelines
