Un Visor WMS con OpenLayers en 5 pasos
Ahi les va un visor que pueden realizar en menos de 5 pasos usando OpenLayers:
Paso 1
Debes de agregar en el encabezado de tu página html la referencia a la librería de OpenLayers con la siguiente instrucción:
<script src="http://openlayers.org/api/OpenLayers.js"></script>
Paso 2
Agrega un elemento div dentro de la sección body de tu página html y asignale un id:
<div id="mapa" style="width: 100%; height: 600px"></div>
Paso 3
Comienza una sección de código de javascript y dentro de él crea un objeto map de OpenLayers asociado a tu elemento div que definiste en el paso 2
var map = new OpenLayers.Map("mapa");
Paso 4
Crea Los Layers que vas a agregar a tu visor. En este ejemplo se tienen dos layers, uno es el que MetaCarta ofrece para pruebas de OpenLayer y el segundo hace referencia al servicio de ortofotos del INEGI. Y por supuesto agregalos a tu mapa que creaste.
var ol_wms = new OpenLayers.Layer.WMS( "World",
"http://labs.metacarta.com/wms-c/Basic.py?",
{layers: 'basic', visibility: false});
var wmsinegi = new OpenLayers.Layer.WMS("Ortofotos de INEGI",
"http://antares.inegi.gob.mx/cgi-bin/map4/mapserv_orto",
{layers: "orto20k,orto3m", transparent:"true",format: "image/png"});
map.addLayers([ol_wms, wmsinegi]);
Paso 5
Después de eso solo es necesario darle su “manita de gato” al visor. En el ejemplo se centró el mapa en la Ciudad de México y se agregaron los controles para encender y apagar los layers y el que indica la posición del cursor:
var CdMexLatLon = new OpenLayers.LonLat(-99.147,19.41);
map.setCenter(CdMexLatLon, 13);
map.addControl(new OpenLayers.Control.LayerSwitcher());
map.addControl(new OpenLayers.Control.MousePosition());
El resultado lo pueden ver en esta liga.
April 24th, 2007 at 9:42
Ola todos, me llamo erik y soy uno de los desarolladores principales de openlayers. les aviso que muy pronto saldrá la nueva version (2.4) que tendrá Vector support y otros mejoras.
Tambien una pregunta. Alguien conoce un libre WMS server para la ciudad de méxico?
saludos,
erik
April 24th, 2007 at 13:15
Hola Erik,
gracias por el dato de la versión de OpenLayers.
Te comento que el servidor WMS que en el ejemplo uso son ortofotos de México, proporcionado por la agencia de cartografía y estadística del gobierno que se llama INEGI y es gratuito. La URL para acceder al servicio es la siguiente:
http://antares.inegi.gob.mx/cgi-bin/map4/mapserv_orto
y la descripción del servicio lo puedes leer en esta página:
http://mapserver.inegi.gob.mx/geografia/espanol/prodyserv/ortofotos/ortofotos.cfm?c=718
A parte de ese, no tengo conocimiento de otro servidor con información de México. Tal vez otro lector pueda orientarnos mas.
Saludos
May 3rd, 2007 at 15:07
Hola, muchas gracias, me sirvio mucho. Desde hace mucho tiempo estaba buscando una guía rapida para diseñar un visor utilizando openlayers.
May 4th, 2007 at 11:30
La verdad es que el mérito es de los desarrolladores de OpenLayers, pues han hecho una interfaz muy simple de implementar, y que te da la posibilidad de crear una aplicación muy profesional.
June 13th, 2007 at 8:33
Buenas tardes,
Sabria alguien decirme si es posible conseguir que cuando se haga un zoom sobre el mapa, las imagenes que componen una capa respondan al zoom, tengo una capa con muchos puntos de interes, que tapan el mapa base y me gustaria que para zoom lejano el icono se viera mas pequeño.
Muchas gracias.
June 13th, 2007 at 13:12
Victor,
¿En que programa deseas que la capa se comporte de esa manera?
June 13th, 2007 at 23:46
Disculpa, no me habia dado cuenta de que no lo he puesto, hablo de OpenLayers. Tengo varias capas WMS y me gustaria que aquellas capas compuestas por puntos (representados por iconos) representasen un icono distinto (distinto tamaño) dependiendo del tamaño del zoom.
Gracias
August 28th, 2007 at 7:36
Hola.
Alguien me puede indicar si es posible reproyectar la imagen satelital de google en el visor OpenLayers. Necesito colocarla de fondo a mis datos
que se encuentran en UTM.
Gracias.
May 30th, 2008 at 4:26
Me ocurre el mismo caso que a Alexy…
Intento hacer una reproyección pero me va cambiando las escalas, ademas de no lograr ver mis capas sobre la imagen satelital de google ¿aquien tiene la solución?
May 30th, 2008 at 4:28
correo xtouris “arroba” hotmail.com, Gracias
October 28th, 2008 at 8:06
hola a todos…..
Me pueden ayudar con este problema….
estoy manejando open layer de la forma mas simple, sim embargo tengo una capa en donde estan todas las calles de la ciudad, me pidieron que cuando llegue a un nivel de zoom se active esta capa, y cuando se aleje se desactive…
me pueden decir cual es la variable u objeto que tiene el nivel de zoom, ademas del evento que se dispara al dar click en la PanZoomBar()…
garcias espero pronto su respuesta….