Changes between Version 1 and Version 2 of multipleGeoPosicion


Ignore:
Timestamp:
Jan 17, 2012, 9:40:16 AM (12 years ago)
Author:
xabi
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • multipleGeoPosicion

    v1 v2  
    1 = Geoposición (punto a punto) =
     1= Geoposición (varios puntos) =
    22
    3 Para mostrar puntos geoposicionados en una página primero tenemos que añadir todo el código Javascript necesario para mostrarlo. Esto se realiza añadiendo el siguiente tag a la página:
     3Para mostrar varios puntos puntos geoposicionados y clusterizados en una página primero tenemos que añadir todo el código Javascript necesario para mostrarlo. Esto se realiza añadiendo el siguiente tag a la página:
    44
    55{{{
    6 <!--$ FUNCION geoposSimpleCode ( "ES" ) $-->
     6<!--$ FUNCION geoposMultipleCode ( "ES" ) $-->
    77}}}
    88
     
    1515}}}
    1616
    17 Antes de poder mostrar ningún punto en el mapa tenemos que instanciarlo mediante el siguiente tag:
     17Antes de poder mostrar los puntos en el mapa tenemos que instanciarlo. Antes de crear una instancia de un mapa se pueden proporcionar unos parámetros opcionales. Para establacer estos parámetros usaremos la siguiente función:
    1818
    1919{{{
    20 <!--$ FUNCION instanceSimpleMap ( instanceName, divId, zoomLevel, Lat, Lon, autoPosition ) $-->
     20<!--$ FUNCION setMapOption ( 'nombre_opcion', 'valor' ) $-->
    2121}}}
    2222
    23 Los parámetros que recibe son los siguientes:
     23Los parámetros opcionales son los siguientes
     24
     25* zoom: (entero) nivel de zoom que queremos mostrar en el mapa (1 .. 12).
     26* lat:  (real) latitud del centro del mapa. Si no se establece se pondrá la Latitud de Madrid
     27* lon:  (real) longitud del centro del mapa. Si no se establece se pondrá la Longitud de Madrid
     28* autoPosition: (0 | 1) indica si el mapa va a tratar de centrars basándose e en la posición del usuario (html5).
     29* url: (string) URL donde se optienen los puntos. Por defecto se establece: 'http://127.0.0.1/cgi-bin/syncGeoPos/getPoints.pl'
     30* defaultIcon: (string) URL del icono por defecto de un punto. Si no se establece será: '/images/ico_confesion/default.png'
     31* getIcon: (function(point)) Nombre de la funcion javascript encargada de devolver el icono basándose en el punto proporcionado. Si no se establece se genera el icono por defecto.
     32* getMarkerInfo: (function(point)) Nombre de la funcion javascript encargada de devolver e HTML de información de un icono.
     33* gotoBig:  (function(point)) Nombre de la funcion javascript encargada de realizar alguna acción al pulsar en un punto.
     34* gotoBigCaption: (string) Texto que se mostrará en un icono, se esta establecida la funcion gotoBig. Por defecto es: 'Pulsa para ampliar'
     35
     36Para resetear los parámetros opcioneles de un mapa se usa la siguiente función:
     37
     38{{{
     39<!--$ FUNCION resetMapOptions () $-->
     40}}}
     41
     42Cada instancia del mapa tienen unas opciones mediante el siguiente tag:
     43
     44{{{
     45<!--$ FUNCION instanceMultipleMap ( instanceName, divId, service_id, class_id ) $-->
     46}}}
     47
     48Todos los parámetros son obligatorios y son los siguientes:
    2449
    2550* instanceName: (string) nombre de la instancia.
    2651* divId: (string) El el div que mostrará el mapa
    27 * zoomLevel: (entero) nivel de zoom que queremos mostrar en el mapa (1 .. 12). Este parámetro es opcional, en caso de no ser necesario se deja a "".
    28 * Lat: (real) latitud del centro del mapa. Este parámetro es opcional, en caso de no ser necesario se deja a "".
    29 * Lon: (real) Longitud del centro del mapa. Este parámetro es opcional, en caso de no ser necesario se deja a "".
    30 * autoPosition: (0 | 1) indica si el mapa va a tratar de centrars basándose e en la posición del usuario (html5). Este parámetro es opcional, en caso de no ser necesario se deja a "".
    31 
    32 Para mostrar puntos en el mapa podemos hacerlo mediante el siguiente tag:
    33 
    34 {{{
    35 <!--$ FUNCION showPoint ( instanceName, point, html, icon ) $-->
    36 }}}
    37 
    38 Los parámetros que recibe son los siguientes:
    39 
    40 * instanceMap: (string) es el nombre de la instancia
    41 * point: es un campo de tipo "geopoint"
    42 * html: (string) es el html que queremos mostrar cuando pulsemos en el punto. Si no queremos que muestre nada lo dejamos a ""
    43 * icon: (string) es el icono que queremos que se muestre. Tiene que ser la URL a un icono o dejarlo a "" para que muestre un icono por defecto.
     52* service_id: (entero) service_id
     53* class_id: (entero) class_id
    4454
    4555Ejemplo completo un punto:
     
    4959<html>
    5060<head>
    51 <!--$ FUNCION geoposSimpleCode ( "ES" ) $-->
     61<!--$ FUNCION geoposMultipleCode ( "ES" ) $-->
    5262</head>
    5363<body>
    5464  <div id="map_canvas" style="height: 300px; width: 500px;"></div>
    5565</body>
    56 <!--$ FUNCION instanceSimpleMap ("mapa1", "map_canvas", "5", "40.41", "-3.6", "0" ) $-->
    57 <!--$ FUNCION showPoint ( "mapa1", sede.direccion, "<b>Ejemplo</b>", "http://code.google.com/apis/maps/documentation/javascript/examples/images/beachflag.png" ) $-->
     66<!--$ FUNCION resetMapOptions () $-->
     67<!--$ FUNCION setMapOption ( 'url', 'http://deve.ecliente.com/cgi-bin/syncGeoPos/getPoints.pl' ) $-->
     68<!--$ FUNCION instanceSimpleMap ("mapa1", "map_canvas", "54", "1125" ) $-->
    5869</html>
    5970}}}
    60 
    61 
    62 Ejemplo completo varios puntos:
    63 
    64 {{{
    65 <!DOCTYPE html>
    66 <html>
    67 <head>
    68 <!--$ FUNCION geoposSimpleCode ( "ES" ) $-->
    69 </head>
    70 <body>
    71   <div id="map_canvas" style="height: 300px; width: 500px;"></div>
    72 </body>
    73 <!--$ FUNCION instanceSimpleMap ("mapa1", "map_canvas", "5", "40.41", "-3.6", "0" ) $-->
    74 <!--$ BUCLE sede $-->
    75   <!--$ FUNCION showPoint ( "mapa1", sede.direccion, sede.direccion.calle, "http://code.google.com/apis/maps/documentation/javascript/examples/images/beachflag.png" ) $-->
    76 <!--$ FIN_BUCLE $-->
    77 </html>
    78 }}}