scripts/fckeditor2.6.6/editor/plugins/googlemaps/docs/install_es.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2 "http://www.w3.org/TR/html4/loose.dtd">
   3 <html lang="es">
   4 <head>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   6 <title>GoogleMaps plugin</title>
   7 <link href="styles.css" rel="stylesheet" type="text/css">
   8 </head>
   9
  10 <body>
  11 <h1>Plugin de Mapas Google para FCKeditor</h1>
  12 <div id="languages"> Cambie su idioma
  13   <ul>
  14       <li><a href="install.html" lang="en"><img src="uk.png" alt="English" width="23" height="15" border="0"></a></li>
  15   </ul>
  16 </div>
  17 <h2>Introducción</h2>
  18 <p>Este es un plugin basado en una ventana de dialogo para controlar la inserción
  19   y modificación de <a href="http://maps.google.com">Mapas Google</a> en <a href="http://www.fckeditor.net">FCKeditor</a></p>
  20 <h3 id="contact">Autor:</h3>
  21 <p><a href="mailto:amla70@gmail.com">Alfonso Mart&iacute;nez de Lizarrondo</a></p>
  22 <h3>Patrocinado por:</h3>
  23 <p><a href="http://dynamical.biz">Dynamical.biz</a></p>
  24 <p><a href="http://www.uritec.net">Uritec</a></p>
  25 <p><a href="http://www.incontrolsolutions.com">InControl Solutions</a></p>
  26 <h3>Historial de versiones : </h3>
  27 <ol>
  28   <li>1.0: 25/08/2007. Primera versión.</li>
  29   <li>1.1: 28/08/2007. Ups, no estaba probado en 2.4.3</li>
  30   <li>1.2: 31/08/2007. Nuevo icono por Dynamical.biz. Utilizar IMG en vez de
  31     DIV para mostrar la situación del mapa por el momento.</li>
  32   <li>1.3: 02/09/2007. Documentación completa en HTML para la instalación y para
  33     usuarios. </li>
  34   <li>1.4: 21/09/2007. Utilizar el evento onload para generar el mapa (para evitar problemas con IE), e incluir la llamada a GUnload.
  35                 Eliminar automáticamente el icono de la barra si no existe una clave Google correcta </li>
  36         <li>1.5 30/09/2007. Soporte para poder dibujar lineas en el mapa. </li>
  37   <li>1.6 24/10/2007. Soporte de múltiples marcadores.</li>
  38   <li>1.7 03/02/2008. Soporte de los nuevos cuadros de diálogo en FCKeditor 2.6.</li>
  39   <li>1.8 02/05/2008. Soporte de la vista Terreno y recordar el tipo de vista seleccionado. Se usan los mapas estáticos en el editor.</li>
  40   <li>1.9 19/05/2008. Respeta los valores que se pongan de anchura y altura (solo supone que son pixels si se trata de números sin ningún sufijo)<br>
  41                                                                                         Parámetros opcionales de configuración: <a href="#WrapperClass">GoogleMaps_WrapperClass</a> y <a href="#PublicKey">GoogleMaps_PublicKey</a> (este código propuesto por <a href="http://www.makerweb.it" target="_blank">Makerweb.it</a>) .</li>
  42   <li>1.95 12/09/2008. The preview reflects the real type of the map. It shows also the markers.</li>
  43 </ol>
  44 <p><a href="http://martinezdelizarrondo.com/googlemaps/">Descarga la última versión
  45     y/o información actualizada </a> </p>
  46 <h3>Problemas conocidos :</h3>
  47 <p>El botón de 'Previsualizar' en FCKeditor no funcionará correctamente si hay
  48   algún mapa en el contenido. El problema parece debido a la forma en que la
  49   API de Google Maps realiza la inserción y carga del contenido adicional. </p>
  50 <p>Estos temas en el grupo del API apuntan al mismo problema :<br>
  51   <a href="http://groups.google.com/group/Google-Maps-API/browse_thread/thread/7849dfd612181b6c/1c3e5f7fb5fa3301">http://groups.google.com/group/Google-Maps-API/browse_thread/thread/7849dfd612181b6c/1c3e5f7fb5fa3301</a>  <br>
  52 <a href="http://groups.google.com/group/Google-Maps-API/browse_thread/thread/89ea5fa4e0a0ccb9/05c364940447891d">http://groups.google.com/group/Google-Maps-API/browse_thread/thread/89ea5fa4e0a0ccb9/05c364940447891d</a> </p>
  53 <p>Una solución para este problema podría ser utilizar el plugin de <a href="http://sourceforge.net/tracker/index.php?func=detail&amp;aid=1496110&amp;group_id=75348&amp;atid=737639">Previsualización
  54   mediante el servidor</a> </p>
  55 <h2>Instalación</h2>
  56 <h3>1. Copiar los ficheros</h3>
  57 <p>Extrae los contenidos del zip en tu carpeta de plugins, de forma que quede
  58   como a continuación<br>
  59 <img src="installation.png" alt="Captura de pantalla de la instalación" width="311" height="346" longdesc="#install"></p>
  60 <pre id="install">
  61 editor\
  62         ...
  63         js\
  64         lang\
  65         plugins\
  66                 ...
  67                 googlemaps\
  68                         fckplugin.js
  69                         readme.html
  70                         dialog\
  71                         docs\
  72                         images\
  73                         lang\
  74                 ...
  75         skins\
  76 </pre>
  77 <h3>2. Añadirlo a FCKeditor</h3>
  78 <p>Ahora incluye en tu <em>fckconfig.js</em> o fichero de configuración que estes
  79   usando la siguiente linea:
  80 <code>FCKConfig.Plugins.Add( 'googlemaps', 'de,en,es,fr,it,nl') ;</code></p>
  81 <h3>3. Añadirlo a la barra de botones </h3>
  82 <p>Añade el botón <strong>'googlemaps'</strong> (en minúsculas) a tu barra de
  83   botones:
  84 <code>FCKConfig.ToolbarSets[&quot;Basic&quot;] = [<br>
  85   ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink',
  86   '-'<strong>,'googlemaps'</strong>,'-','About']<br>
  87 ] ;</code>
  88 </p>
  89 <h3 id="configure">4. Configurar el plugin</h3>
  90 <p>La parte más importante es tu clave para GoogleMaps. Debe estar establecida
  91   correctamente para que el plugin funcione, ya que sino Google no proporcionará
  92   los datos para el mapa. <br>
  93   Debes obtener una para cada servidor donde quieras utilizar el plugin, puedes
  94   obtenerlas gratuitamente aquí tras aceptar las condiciones de uso de los Mapas
  95   Google: <a href="http://www.google.com/apis/maps/signup.html">http://www.google.com/apis/maps/signup.html</a><br>
  96   (Por favor, no hagais preguntas sobre en que sitios se puede usar GoogleMaps
  97   o cómo conseguir la clave, ya que son temas que no están relacionados con el
  98   plugin.)<br>
  99   Por ejemplo, la clave para &quot;localhost&quot; es<br>
 100 <span class="key">ABQIAAAAlXu5Pw6DFAUgqM2wQn01gxT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSy5hTGQdsosYD3dz6faZHVrO-02A</span></p>
 101 <p>Una vez que tengas la clave, has de añadirla a tu fichero de configuración:<br>
 102 <code>FCKConfig.GoogleMaps_Key = '<span class="key">ABQIAAAAlXu5Pw6DFAUgqM2wQn01gxT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSy5hTGQdsosYD3dz6faZHVrO-02A</span>'
 103   ;</code></p>
 104 <p>(recuerda que has de sustituir la clave en verde por la tuya) </p>
 105 <p>Nota: si dejas esa variable como una cadena en blanco entonces el icono no se mostrará (así se puede reutilizar la misma configuración
 106 de la barra para diferentes situaciones y dependiendo de esa variable se mostrará o no, ya que el sistema actual de FCKeditor no permite
 107 el añadir/eliminar plugins o botones de una forma realmente sencilla)</p>
 108 <p>Hay varias opciones que puedes establecer para cambiar los valores por defecto
 109   con los que se crearán los nuevos mapas:</p>
 110 <ul>
 111   <li>FCKConfig.<strong>GoogleMaps_Width</strong> : La anchura del mapa </li>
 112   <li>FCKConfig.<strong>GoogleMaps_Height</strong> : La altura del mapa</li>
 113   <li>FCKConfig.<strong>GoogleMaps_CenterLat</strong> : La latitud del centro </li>
 114   <li>FCKConfig.<strong>GoogleMaps_CenterLon</strong> : La longitud del centro </li>
 115   <li>FCKConfig.<strong>GoogleMaps_Zoom</strong> : El nivel de zoom </li>
 116   <li>FCKConfig.<strong>GoogleMaps_MarkerText</strong> : El texto para el marcador </li>
 117         <li id="WrapperClass">FCKConfig.<strong>GoogleMaps_WrapperClass</strong> : Los mapas Google automaticamente ocupan toda la altura y anchura del div generado, por lo que si quieres mostrar algo de espacio y/o un borde necesitas añadir un div a su alrededor. Si este parámetro no está vacío, entonces se generará ese div con esta clase.<br>
 118         Importante: ¡en la previsualización en el editor la clase se aplicará a una imagen, no a un div!</li>
 119         <li id="PublicKey">FCKConfig.<strong>GoogleMaps_PublicKey</strong> : Si estás usando el editor en un dominio diferente a la localización final de la web, los mapas no funcionarán correctamente con la configuración por defecto. En esta situación puedes usar este parámetro. Primero, establece en GoogleMaps_Key la clave del dominio donde funcionará FCKeditor y a continuación tienes dos opciones,:
 120         <ul>
 121                 <li>Poner un valor en blanco para GoogleMaps_PublicKey (FCKConfig.GoogleMaps_PublicKey = '';) esto significa que el usuario debe proporcionar la clave para el dominio final. Esto es útil si no se sabe de antemano todos los dominios donde esta instalación será usada. Por supuesto, debes explicarle a los usuarios cómo conseguir la clave API correspondiente</li>
 122                 <li>Establecer en GoogleMaps_PublicKey la clave adecuada para el dominio final. Para el usuario esto supone que todo funcionará automáticamente sin ningún problema.</li>
 123         </ul>
 124 </ul>
 125 <p>Estos valores pueden establecerse en el fichero <em>fckconfig.js</em>,
 126   un fichero de configuración personalizado o en el <a href="http://alfonsoml.blogspot.com/2008/02/adding-configuration-entries-when.html">momento de creación del FCKeditor
 127   utilizando cualquier lenguaje.</a></p>
 128
 129 <h3>5. Úsalo </h3>
 130 <p align="right">Ahora vacía la caché del navegador, recarga el editor y el nuevo
 131   botón
 132   <img src="../images/mapIcon.gif" alt="Insertar mapa Google" width="16" height="16"> debería
 133   estar <a href="users_es.html">listo para usarse </a>.</p>
 134 <h2>Notas finales</h2>
 135 <p>Si ves que este plugin es útil, considera la opción de realizar una donación
 136   para que pueda ser mejorado, cualquier cantidad ayudará a que el desarrollo
 137   siga adelante.</p>
 138 <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
 139 <input type="hidden" name="cmd" value="_s-xclick">
 140 <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
 141 <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
 142 <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
 143 ">
 144 </form>
 145 <p>Si necesitas alguna funcionalidad especial para este plugin, o si necesitas
 146   cualquier otro plugin para FCKeditor, <a href="#contact">contacta conmigo</a> y hablaremos sobre el
 147   tema</p>
 148 <h2>Avisos legales </h2>
 149 <p>FCKeditor   &copy; FredCK.com</p>
 150 <p>Google, Google Maps y el API de Google Maps son propiedades de Google.</p>
 151 </body>
 152 </html>