| 23 | | Los parámetros que recibe son los siguientes: |
| | 23 | Los 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 | |
| | 36 | Para resetear los parámetros opcioneles de un mapa se usa la siguiente función: |
| | 37 | |
| | 38 | {{{ |
| | 39 | <!--$ FUNCION resetMapOptions () $--> |
| | 40 | }}} |
| | 41 | |
| | 42 | Cada instancia del mapa tienen unas opciones mediante el siguiente tag: |
| | 43 | |
| | 44 | {{{ |
| | 45 | <!--$ FUNCION instanceMultipleMap ( instanceName, divId, service_id, class_id ) $--> |
| | 46 | }}} |
| | 47 | |
| | 48 | Todos los parámetros son obligatorios y son los siguientes: |
| 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 |
| 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" ) $--> |
| 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 | | }}} |