Question

I'm using the google maps API with openstreetmap (see the following example code),

I'd like to add the google satellite view too.

How can this be accomplished?

var tilesMapnik     = new GTileLayer(copyOSM, 1, 17, {tileUrlTemplate: 'http://tile.openstreetmap.org/{Z}/{X}/{Y}.png'});
var mapMapnik = new GMapType([tilesMapnik],G_NORMAL_MAP.getProjection(), "îôä");


map = new GMap2(document.getElementById("map_canvas"), { mapTypes: [mapMapnik] });
map.setCenter(new GLatLng(32.08, 34.82), 12);

map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());

Explanation about using openstreetmap with google maps:

http://wiki.openstreetmap.org/wiki/Google_Maps_Example

Was it helpful?

Solution

If you just want to add the satellite option to your Google Map, try this:

map = new GMap2(document.getElementById("map_canvas"), { mapTypes: [mapMapnik, G_SATELLITE_MAP] });

Alternatively, you can also use this:

map.addMapType(G_SATELLITE_MAP);

OTHER TIPS

i think he want to add 2 tabs one is the openStreetMapData and the seconf is google satelite data

like in this site.

http://www.shvoongmap.co.il/

the first tab on the map that writing in hebrew is the openStreetMap data and the others that writine in english is the google data.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top