Using Google map APi in html

Question

I had used Google MAP with android before but now I want to use it with in my webpage.My idea is that I have a webpage in which there is a textfield .When I will enter America in it then It must show me the Satellite view of America.I had not used any Google Map with HTML before.One idea is to use Php curl with it,Can anyone tell me how i can do this?

No i haven't found any library for html there..I had read the Javascript API 3 — Sharpzain120
– Sharpzain120, Commented Oct 15, 2011 at 15:47
Why can you not work with JavaScript? The end result is a HTML page nevertheless. If you want to work without JavaScript, you'll have to use static maps but they are much, much more limited than normal, JavaScript-driven Google Maps. — Pekka
– Pekka, Commented Oct 15, 2011 at 15:48

Pekka · Accepted Answer · 2011-10-17 06:31:14Z

3

If you send a geocoding request to Google's Geocoder, for example for "USA":

http://maps.googleapis.com/maps/api/geocode/json?address=USA&sensor=false

you will get an JSON result. Part of that result will be the viewport:

 "viewport" : {
           "northeast" : {
              "lat" : 64.73664149999999,
              "lng" : -30.14648320
           },
           "southwest" : {
              "lat" : -5.70344770,
              "lng" : -161.27929880
           }
        }

also available as XML:

 http://maps.googleapis.com/maps/api/geocode/json?address=USA&sensor=false

these are the boundaries of a rectangle that covers the entire area of the USA.

Using these coordinates, you can then proceed to the "normal" Google Maps API examples and have the map show exactly that bounding box.

Use the fitBounds parameter in the Map's constructor. fitBounds is an object of the type LatLngBounds that you need to construct out of the viewport's coordinates.

It's not entirely trivial to do, but definitely possible. You can use PHP to make the first XML request, then output the JavaScript to generate the map.

edited Oct 17, 2011 at 6:31

answered Oct 15, 2011 at 15:56

Pekka

451k150 gold badges989 silver badges1.1k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

John Black Over a year ago

Nice answer. Minor issue: your text is about XML but your example URL and code is for JSON.

John Black Over a year ago

Oops...you've still got JSON in your example result rather than XML.

Pekka Over a year ago

@John argh, where is my head these days. Now it is fixed. :)

Serhiy · Accepted Answer · 2011-10-15 15:49:32Z

1

You have the full documentation of Google Maps + JavaScript Api here. It supports Reverse Geocoding(example), which is translating addresses to coordinates(including names like America)

edited Oct 15, 2011 at 15:49

answered Oct 15, 2011 at 15:43

Serhiy

4,1413 gold badges39 silver badges66 bronze badges

Collectives™ on Stack Overflow

Using Google map APi in html

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related