Esta sección está diseñada para gente familiarizada con el lenguaje de programación Javascript y con la librería jQuery.
Así se puede ver un mapa de Argentina, con los datos del Instituto Geográfico Nacional en tu sitio.
Ver este ejemplo en una página aparte » (mapasimple.html).
Vamos con el paso a paso para incluir un mapa del IGN en tu web, pero también podés mirar el código del ejemplo de arriba.
Importante: Si en tu sitio ya usás jQuery (versión mayor a 1.7.2) y Google Maps API (v3), podés empezar desde el paso 2.
Primero, tenés que incluir el script de jQuery y el de Google Maps en
la sección
<head>
de tu página.
/p>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
argenmap.jquery es una librería para usar online. No hace falta descargarla para que tu mapa ande mejor. De hecho, estamos en constante actualización de versiones y usándola online evitás perder las actualizaciones que hagamos .
<script type="text/javascript" src="http://www.ign.gob.ar/argenmap/argenmap.jquery.min.js"></script>
argenmap.jquery necesita un alto definido para el <div>. Así que no te olvides de definir el "height" del div. Podés hacerlo por CSS o por style.
<div id="mapa" style="height:315px;"></div>
Incluyendo estas líneas entre tu HTML, convertís el div con
id="mapa"
en un mapa del IGN en tu sitio, luego de que el browser haya terminado de cargar la página.
<script type="text/javascript" >
$(document).ready(function(){
$("#mapa").argenmap();
});
/*
o si preferís
$(function() {
$("#mapa").argenmap();
});
*/
</script>
Si querés hacer más cosas sobre el mapa como cambiar el centro del mapa, el zoom o agregar un marcador, consultá la API de argenmap.jquery
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://www.ign.gob.ar/argenmap/argenmap.jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#mapa").argenmap();
});
</script>
</head>
<body>
<div id="mapa" style="height:315px;"></div>
</body>
Si querés saber más acerca de argenmap.jquery, consultá la API de argenmap.jquery
Los datos de este mapa son los oficializados por el Instituto Geográfico Nacional, a excepción de los datos mostrados a escalas menores a 1:250.000 (zooms de valor alto).
En escalas chicas, argenmap superpone algunos datos de OpenStreetMap para darle continuidad a la experiencia del usuario sobre el mapa web ya que el IGN no publica datos oficiales digitales relevados a escalas menores a 1:250.000. Las fuentes de datos son las siguientes:
Datos topográficos.
Los datos vectoriales que argenmap muestra son los que el Instituto Geográfico Nacional de la República Argentina publica en su servicio WMS.
Caminos y espacios verdes.
Los vectores de caminos y los espacios verdes que argenmap muestra a escalas menores a 250.000 no son responsabilidad del IGN y los desplegamos sobre el mapa a manera representativa para dar una referencia local en los espacios en los que la escala de captura de los datos del IGN no tienen inferencia.
Imágenes satelitales
argenmap muestra la capa satelital de Google Maps sin los topónimos de Google. Al cambiar a esta capa base, argenmap superpone los vectores y topónimos del IGN. Al hacer zoom a escalas chicas, los caminos y espacios verdes que se muestran superpuestos sobre el mosaico satelital corresponden a los del proyecto OpenstreetMap
El Instituto Geográfico Nacional publica sus datos SIG a través del servicio estándar WMS.
El endpoint WMS (1.1.1 y 1.3.0) se encuentra en la URL:
http://wms.ign.gob.ar/geoserver/wms?
Openstreetmap es una base de datos mundial que ofrece datos vectoriales de caminos de todo el mundo.
Mayor información acerca de estos datos del territorio argentino así como los datos en formato shapefile se pueden obtener en:
http://wiki.openstreetmap.org/wiki/WikiProject_Argentina
Las imágenes satelitales de Google están disponibles online y se acceden a través de la API de Google Maps.
Mayor información acerca de esta API en:
De acuerdo a la información en Antigüedad de las imágenes de satélite, las imágenes de Google Maps API son las mismas que las de Google Earth. Más información acerca de estas imágenes, se puede obtener visitando Aspectos básicos de las imágenes de Google Earth.