Question

On maps.google.com you can see a brilliant example on how a google maps application can suddenly turn into a google earth application smoothly.

I’m developing a google maps application, working with API version 3. I read the following line in the Google Earth API summary

If you have an existing Maps API site,
you can 3D-enable your page with as
little as one line of code.

But I have searched for hours without finding any clue how to enable 3D in my application. I’ve built my application on the google.maps.Map constructor and included the google mas API from this url: http://maps.google.com/maps/api/js

Does anyone know what I’m talking about and/or know how to enable 3D in a google maps application in 1 line?

Codemonkey

Answer 1

To add the Google Earth instance to your map, simply add the G_SATELLITE_3D_MAP to your map with GMap2.addMapType().

var map = new GMap2(document.getElementById("map_canvas"),{ size: new GSize(640,480) } );
map.setCenter(new GLatLng(42.366662,-71.106262), 11);

// Enable the Earth map type
map.addMapType(G_SATELLITE_3D_MAP);

var mapControl = new GMapTypeControl();
map.addControl(mapControl);
map.setMapType(G_SATELLITE_3D_MAP);

Here is the information on Integrating v2 of the maps Api with the Google Earth Plugin
http://code.google.com/apis/maps/documentation/javascript/v2/services.html#Earth