Example: Integrating Google Maps into AMS

**TJS** · 06-02-2006

Here's a simple example of how to integrate google maps into AMS. There is tons of additional functionality you can add using the published API:
http://www.google.com/apis/maps/documentation/

In this example user instructions are substituted into the javascript in the maps.html document. It sounds like you could get return values from the site, but I haven't tried that yet.

Some helpful links when using this example:

1) Sign up for your own Google API Key and add it to the maps.html in the Docs folder
http://www.google.com/apis/maps/signup.html

2) Look up some coordinates to enter when you preview/build the app
http://geocoder.us/

**johnraus** · 06-02-2006

Thnx, great tip, worth looking into ...

**V3RT1G0** · 06-07-2006

wow very nice... will definately use in an app

**lucasecpc** · 08-18-2006

When I go to get an API Key what URL should I enter?

**altyfc** · 11-09-2006

We have recently developed a tool that works in conjunction with Google Maps and this might help those of you that want to avoid going down the API route. It's a very simple tool that allows you to quickly create custom Google Maps for free. You plot whatever information you want, and then just grab some code... and you can embed it in a web page, a forum post or in an email.

If you'd like to check it out, the URL is http://www.aardvarkmap.net - any feedback on it would be welcomed.

Thanks

Aaron

**Zapperz** · 04-29-2009

I just went to google map, put in my address, found the map area to my house, then copied that URL and then just went to that web site addrss. It worked fine but only the 1st time, I open the link, and I if i leave that page and go back it doesn't refresh and work a second time. I don't know how to use and API or java code, so googles link is nice, but it is over my head technically unless someone would be kind enough to post the code.

I am making business cards and I want the google map to be a button on the contact page i am setting up.

any help would be appriceated

**.SWFGames** · 11-09-2009

Is it possible to search for areas using a search box, like on the real google maps?

**DaSoulRed** · 11-12-2009

Well this is a nice one....

I wonder where can change de view mode the default is "map mode"

How can we change to "satelite mode"

here is the code at the html file

<head>
<meta **********="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=YOUR_KEY_HERE"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(21.131038, -101.677494), 13);

}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 716px; height: 408px"></div>
</body>
</html>

**holtgrewe** · 11-12-2009

DaSoulRed

Originally Posted by DaSoulRed

Well this is a nice one....

I wonder where can change de view mode the default is "map mode"

How can we change to "satelite mode"

here is the code at the html file

<head>
<meta **********="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=YOUR_KEY_HERE"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(21.131038, -101.677494), 13);
map.setMapType(G_SATELLITE_MAP);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 716px; height: 408px"></div>
</body>
</html>

Add the line in red to your HTML...
The default is the road map.
I prefer the Hybrid...(to each his own)

Common Map Types
The following map types are commonly used in the Google Maps API:

•G_NORMAL_MAP displays the default road map view
•G_SATELLITE_MAP displays Google Earth satellite images
•G_HYBRID_MAP displays a mixture of normal and satellite views
•G_DEFAULT_MAP_TYPES contains an array of the above three types, useful for iterative processing.
•G_PHYSICAL_MAP displays a physical map based on terrain information.
You can set the map type using the GMap2 object's setMapType() method. For example, the following code sets the map to use the satellite view from Google Earth:

var map = new GMap2(document.getElementById("map_canvas"));
map.setMapType(G_SATELLITE_MAP);

hth

**DaSoulRed** · 11-12-2009

Good Shoot There...

Thanks, im Using rigth Now...

Nice, thanks.

Remember Enjoy Life Any How...

Until next time Bytes

Thread: Example: Integrating Google Maps into AMS

Thread Tools

Display

Example: Integrating Google Maps into AMS

API Key Question

Google maps

How to See Satelite Modo

Boom Shaka Laka Paka Naka Draka Thnaks

Similar Threads

Dual Format AMS autorun CD/VCD

Pop-up window in AMS 5

(( Right Click Properties Version infomation

Problems integrating Flash

Video Tutorial - Integrating AMS & Flash Buttons

Posting Permissions