Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/02/2010, 13:49
Avatar de lexus
lexus
 
Fecha de Ingreso: enero-2002
Ubicación: Cali - Colombia
Mensajes: 2.234
Antigüedad: 23 años, 2 meses
Puntos: 4
imprimir google maps

hola tengo un mapa que estoy haciendo con la API de google maps.

pero quiero poner un boton de imprimir cerca a los de los tipos de mapa
o en cualquier parte
es decir necesito la opcion de imprimir el mapa de google qeu actualmente se ve en pantalla. ya sea por medio de un boton dentro del mapa o por click derecho imprimir.

como podria hacerlo?

lo que tengo hasta ahora es esto.. donde lo podria ubicar?


Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. //<![CDATA[
  3. var map = null;
  4. var geocoder = null;
  5.  
  6. function load() {
  7. if (GBrowserIsCompatible()) {
  8. map = new GMap2(document.getElementById("map"));
  9.  
  10. map.addControl(new GMapTypeControl());
  11. map.addControl(new GLargeMapControl());
  12. map.addControl(new GScaleControl());
  13. // map.addControl(new GOverviewMapControl());
  14. //Coordenadas iniciales arranca en cali con zoom 13
  15. map.setCenter(new GLatLng(3.423315,-76.524536), 13);
  16. geocoder = new GClientGeocoder();
  17. var customUI = map.getDefaultUI();
  18. // Remove MapType.G_HYBRID_MAP
  19. customUI.maptypes.hybrid = false;
  20. map.setUI(customUI);
  21.  
  22.  
  23. }
  24. }
  25.  
  26. //Funcion que convierte las direcciones a coordenadas Latitud, Longitud
  27. function convertir_direccion(address, nube, estado_cxc, id) {
  28. if (geocoder) {
  29. geocoder.getLatLng(
  30. address,
  31. function(point) {
  32. if (!point) {
  33. // alert(address + " no encontrada");
  34. } else {
  35. map.setCenter(point, 13);
  36.  
  37. ////////////////////////////////////////////////// inicio iconos personalizados/////////////////
  38. var baseIcon = new GIcon(G_DEFAULT_ICON);
  39. baseIcon.iconSize = new GSize(12, 22);
  40. var letteredIcon = new GIcon(baseIcon);
  41. letteredIcon.shadow = "../img/botones/SOMBRA.png";
  42. letteredIcon.image = "../img/botones/"+estado_cxc+".png";
  43. letteredIcon.shadowSize = new GSize(35, 17);
  44.  
  45. markerOptions = { icon:letteredIcon };
  46. var marker = new GMarker(point, markerOptions);
  47. ////////////////////////////////////////////////// fin iconos personalizados/////////////////
  48.  
  49. var marker = new GMarker(point, markerOptions);
  50. GEvent.addListener(marker, "click", function() {
  51. marker.openInfoWindowHtml("<b>"+nube+"</b><br>"+address+"<br><b>Estado en Cartera:</b> "+estado_cxc+"<br />");
  52. } );
  53. map.addOverlay(marker);
  54.  
  55.  
  56. }
  57. }
  58. );
  59. }
  60. }
  61.  
  62.  
  63.  
  64.  
  65. //]]>
  66. </script>
__________________
Control de Visitantes, Control de Accesos, Minutas digitales, Manejo de Correspondencia
http://www.controldevisitantes.com