You can use this class to add a control that mimics the 3-d pan/zoom control used on Google Maps. Since it's open source, you can also tweak its UI or functionality to meet your needs. Adding it to your map is easy:
<script src="extlargemapcontrol.js" type="text/javascript"></script>
ExtLargeMapControl object and add it to the map.
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
var extLargeMapControl = new ExtLargeMapControl();
map.addControl(extLargeMapControl);
The following example shows 2 maps with two advanced uses of the control. In the first map, we add the small version of the control (just the +/- buttons) by specifying type="small" in the constructor options.
var extLargeMapControl1 = new ExtLargeMapControl({type : "small"});
map1.addControl(extLargeMapControl1);
In the second map, we add a version of the control with tooltips in a different language (Spanish) by specifying the various tooltip strings in the constructor options.
var opts2 = {
zoomInBtnTitle : "Aumentar",
zoomOutBtnTitle : "Reducir",
moveNorthBtnTitle : "Vista panorámica hacia arriba",
moveSouthBtnTitle : "Vista panorámica hacia abajo",
moveEastBtnTitle : "Vista panorámica a la derecha",
moveWestBtnTitle : "Vista panorámica a la izquierda",
homeBtnTitle : "Volver al último resultado"
};
var extLargeMapControl2 = new ExtLargeMapControl(opts2);
map2.addControl(extLargeMapControl2);