G-Maps
Como su nombre indica es un generador de mapas y marcadores basado en la API de Google Maps v2.
PARÁMETRO |
VALOR |
DEFAULT |
DESCRIPCIÓN |
|---|---|---|---|
box |
Número |
|
Cambia el número de caja predefinida por el contenedor, reasignación del DOM |
boxasoc |
Número |
|
Caja asociada con el filtro de búsqueda |
bd |
Texto |
data |
Base de datos de donde se recupera la información para construir el Mapa |
navlist |
Texto |
tit-tag-des |
Campos que serán recuperados para construir LatitudLongitud-Icono(nombre archivo PNG)-Texto contenido en el overlay del marker |
marker |
Texto |
1 |
Usar marcadores (Overlay) sobre los elementos que se muestren en el mapa |
mpver |
Texto |
2 |
Versión de Google Maps API que se utiliza en el código |
mpsensor |
Texto |
false |
Usar el sensor del mapa |
mpkey |
Número |
(Key de Google) |
Número facilitado por Google como Key única según la URL, solicitela en el sitio de Google Maps API |
mpfn |
Texto |
initialize() |
Nombre de la función a llamar para activar el mapa, debe estar cargada como onLoad="fn" |
divmapa |
Número |
map_canvas |
Area DIV del DOM donde será mostrado el mapa creado |
mpcenter |
Número |
0.00,0.00 |
Longitud y latitud para el centrado del mapa en pantalla |
mphigh |
Texto |
17 |
Establece la altura sobre el suelo (nivel de zoom), el máximo permitido es 19, mínimo 0 |
ruta |
Número |
URL |
Indica la ruta donde se deben almacenar las imágenes e iconos (PNG) que se usarán en G-Maps |
geofield |
Texto |
ref |
Nombre del campo que indica donde se ha registrado la Latitud y Longitud del elemento a mostrar |
btnfield |
Texto |
tag |
Indica el nombre del campo donde figura el archivo (png) que se mostrará como marcador |
txtfield |
Texto |
des |
Indica el nombre del campo donde está el texto a mostrar en el marcador |
street |
Texto |
|
Indica el area DIV donde debe ir cargado el StreetView. Debe crearse esa area en algún contenedor |
navsearch |
Texto |
|
Establece los campos que serán usados para filtrar las posibles búsquedas |
iconsize |
Números |
10,10 |
Tamaño del icono a mostrar en el mapa |
iconancor |
Números |
9,10 |
Ancla del icono en el mapa, descentra su posición para hacer iconos con indicadores (como viene por defecto en Google Maps) |
iconwindow |
Números |
9,12 |
Posición de la ventana emergente del indicador |
Tabla de campos y valores equivalentes:
tit - titulo |
des - descripcion |
det - detalles |
tag - Etiquetas (Tags) |
fot - Foto / Imagen |
fo1 - Foto 1 / Imagen 1 |
ref - referencia |
Es importante que el valor geofield y btnfield se utilice en campos planos como REF / TIT / TAG / FOT / FO1, mientras que el txtfield se recomienda utilizar DES / DET por razones de simplificar su creación y maquetación.
Nota importante: si reutiliza una ficha que se usa en la base de datos para otra información evite utilizar los campos de Imagen e Imagen1 ya que puede afectar al contenido a mostrar.
Como activar G-Maps
Puede utilizarse de dos formas distintas, creando un elemento en Contenidos Varios o bien usando directamente la caja de G-Maps.
Si utiliza el método de Contenidos varios si tiene problemas de posicionamiento del mapa.
Inserte este texto (use el formato HTML para que no varie el contenido por el intérprete del FCKEditor)
<div style="width: 465px; height: 400px;" id="map_canvas">Cargando...</div>
Utilice el mismo método para crear un área de StreetView, pero recuerde poner un ID diferente para que sea operativo en el DOM de la web.
Guarde directamente sin pasar al formato normal.
Si utiliza la caja copie el texto directamente en HTML CAJA. En ocasiones con ciertas maquetaciones puede estar en posiciones no deseadas, utilice el primer método para resolverlo.
En Configuración - BodyEvents incorpore este texto:
onload="initialize()" onunload="GUnload()"
De esta forma la web al cargar creará algo similar a:
<body style="" onload="initialize()" onunload="GUnload()">
Si ha seguido los pasos verá en su web algo similar a esta imagen:

Se recomienda que los datos que utilice para mostrar puntos en maps se agrupen en un mismo tipo de "bd" en la tabla de datos, esto simplificará la creación del filtro principal