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 | | }}} |