MBC - CMS

G-Maps

G-Maps

Previous topic Next topic  

G-Maps

Previous topic Next topic  

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:

 

gmaps

 

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