3.10 Cómo agregar un Mapa para Apps Android & iPhone

En este tutorial vamos a ver como agregar Mapa para Apps Android & iPhone con CreaTusApps, la función de mapa permite mostrar múltiples ubicaciones en un mapa de Google Maps. Las ubicaciones están pre-definidas en el mapa incluyendo su latitud y longitud y se marcan en el mapa con un alfiler.

Dispones de la posibilidad de agregar una breve descripción a cada ubicación y un enlace para mostrar más detalles acerca de cada ubicación. El enlace puede ser interno, de dentro de la app, o externo, para abrirlo en un navegador fuera de la aplicación.

 

imagen de ejemplo de como agregar un mapa para apps android & iphone

 

Pasos para agregar la función de Mapa para Apps Android & iPhone:

Se trata de una función nativa, por lo que en el previsualizador, no es posible obtener una vista previa del el mapa para apps Android & iPhone. Puedes descargar la aplicación de vista previa de CreaTusApps para comprobar el resultado de tu aplicación.

Puedes configurar múltiples opciones en  el modo edición.


mapa para apps android & iphone

Ejemplo de la vista final en un dispositivo:

step3-map-tutorial


Otras configuraciones del Mapa

Edita el Título del Mapa

Escoge entre mostrar por defecto la vista de mapa normal o satélite.

Puedes gestionar las ubicaciones, para agregar una nueva usa  (+botón) o elimina la ubicación seleccionada con (-botón) desde  la tabla de “Ubicaciones:”.

step4

En la tabla “Detalles de Ubicación” puedes especificar las coordenadas (latitud y longitud).

Adicionalmente puedes agregar una breve descripción y un enlace a una página para ampliar la información.

step5


Ejemplo de la visualización en un dispositivo móvil después de tocar el  alfiler.

step6

Agregar multitud de ubicaciones rápidamente

Si vas a agregar muchas ubicaciones, tal sea más interesante para tí agregarlas directamente al archivo app.xml.

En el Panel Principal de la Aplicación busca y haz clic en editar el archivo "app.xml".

Se abrirá una nueva ventana con el Administrador de Recursos de la Aplicación, te mostrará el archivo xml.

Navega hacia abajo para encontrar el siguiente código:

 

1 <location>
2 <name>Location 1</name>
3 <latitude>53.408708 </latitude>
4 <longitude>-2.157344 </longitude>
5 <imageurl> </imageurl>
6 <ldescription>About Location 1 </ldescription>
7 <ltarget>Location1.html </ltarget>
8 </location>

Las etiquetas xml contienen los datos de cada ubicación ya insertada.

Copia y pega las etiquetas <location>…</locations> tantas veces como lugares desees agregar, después simplemente sustituye los datos que encuentras entre las etiquetas <>…</>.

 

1 <name>Location1</name>

 

Contiene el nombre de la ubicación (Location1 se puede sustituir por un nombre real)

También puedes repetirlo para cada ubicación.

 

1 <latitude>... </latitude>
2 <longitude>... </longitude>
3 <ldescription>... </ldescription>
4 <ltarget>… </ltarget>

 

En <ltarget> puedes agregar el enlace para cada ubicación.


¡Esto es todo!.

No dudes en consultarnos. Estamos encantados de apoyarte.

 

support

 


 

 

Avatar of CreaTusApps

CreaTusApps has written 103 articles

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>