How to use google maps?

Question

How can I get a google map image with SW angle at latitude 10 and longitude 0, and NE angle at 58 latitudes and 60 longitudes?

All I need is just an image of a map obtained using Google maps, and settled at these points.

Any help is appreciated. Thanks.

Answer 1

<script type="text/javascript"> function initialize() { var mapOptions = { center: new google.maps.LatLng(58, 60), zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); var input = document.getElementById('searchTextField'); var autocomplete = new google.maps.places.Autocomplete(input); autocomplete.bindTo('bounds', map); var infowindow = new google.maps.InfoWindow(); var marker = new google.maps.Marker({ map: map }); google.maps.event.addListener(autocomplete, 'place_changed', function() { infowindow.close(); var place = autocomplete.getPlace(); if (place.geometry.viewport) { map.fitBounds(place.geometry.viewport); } else { map.setCenter(place.geometry.location); map.setZoom(17); // Why 17? Because it looks good. } var image = new google.maps.MarkerImage( place.icon, new google.maps.Size(71, 71), new google.maps.Point(0, 0), new google.maps.Point(17, 34), new google.maps.Size(35, 35)); marker.setIcon(image); marker.setPosition(place.geometry.location); var address = ''; if (place.address_components) { address = [(place.address_components[0] && place.address_components[0].short_name || ''), (place.address_components[1] && place.address_components[1].short_name || ''), (place.address_components[2] && place.address_components[2].short_name || '') ].join(' '); } infowindow.setContent('<div><strong>' + place.name + '</strong><br>' + address); infowindow.open(map, marker); }); } google.maps.event.addDomListener(window, 'load', initialize); </script> 

and ur define ur HTML components similar to ...

<input id="searchTextField" type="text" size="50"> <div id="map_canvas"></div>

add the following line of line to the heading. <script src="//maps.googleapis.com/maps/api/js?sensor=false&libraries=places" type="text/javascript"></script>

It will work for u like magic ...

Luck

Answer 2

Check out this class on google maps.

google.maps.LatLngBounds