SummArg | Cursos y recursos para webmasters

10/08/2011

Mapas físicos y políticos interactivos con jQuery

MapQuery es un plugin para jQuery que nos permite embeber diferentes servicios de mapas interactivos en nuestra web. Estos incluyen Google Maps, Bing Maps, los provistos por OpenLayers, etc. Pueden ver un demo de los mismos clickeando en los diferentes Layers types.

Para poner en funcionamiento un mapa básico, primero insertamos entre etiquetas <head> las siguientes llamadas:
<script src="../lib/openlayers/OpenLayers.js" type="text/javascript"></script>
<script src="../lib/jquery/jquery-1.4.4.js" type="text/javascript"></script>
<script src="../src/jquery.mapquery.core.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#map').mapQuery({
layers:[{ // añade layers al mapa, se debe definir al menos uno
type:'osm' //añade un layer del tipo osm (OpenStreetMap)
}]
}); // inicializa mapquery con el layer osm
});
</script>

Entre etiquetas <body> insertamos el div #map.

<div id="map" class="map"></div>

Descargar | Sitio del Proyecto

Dejar un comentario