Hoy les traigo una herramienta open source que nos permitirá manejar mapas para nuestro proyectos, y lo mejor es que es completamente open source y esta escrito en javascript. La herramienta mencionada se llama OpenLayers.
En esta serie de guías guía les explicare como podemos:
- Crear un mapa.
- Agregar marcadores (puntos en el mapa).
- Pintar marcadores en el mapa.
- Crear zonas de coberturas (pintar áreas en el mapa).
- Modificar zonas de cobertura en el mapa
Lo primero que debemos hacer apenas conocemos una nueva tecnología es irnos a la documentación oficial, la cual podemos conseguir en ingles o español (no actualizada).
Iniciando con OpenLayer:
Para poder incrustar un mapa en nuestras paginas web, debemos primero enlazar el javascript correspondiente, para eso podemos descargarlo y almacenarlo en nuestro servidor, o bien podemos enlazarlo de la pagina oficial. Para descargarlo debemos ir a esta pagina y copiar todo el contenido y guardarlo en un archivo que llamaremos OpenLayers.js ubicado en una carpeta "js, script" o en una carpeta cualquiera de nuestra pagina
[caption id="" align="aligncenter" width="400"]
Descargar OpenLayers[/caption]Luego de esto, podemos enlazar nuestro javascript de la siguiente forma
[codesyntax lang="html4strict"]
<script type="text/javascript" src="js/OpenLayers.js"></script>
[/codesyntax]
O si lo que queremos es enlazar la version almacenada en el servidor de OpenLayers podemos hacer lo siguiente:
[codesyntax lang="html4strict"]
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
[/codesyntax]
Y eso es todo por el momento, en las siguiente guías encontraran mas información sobre como iniciarse en OpenLayers:
- Crear un mapa con OpenLayers
- Manejo de eventos del mouse con OpenLayers
- Manejo de marcadores con OpenLayers
- Manejo de Features ( figuras ) con OpenLayers
0 comentarios :
Publicar un comentario