<html><body><div style="color:#000; background-color:#fff; font-family:verdana, helvetica, sans-serif;font-size:8pt"><div><span>Hola,</span></div><div style="color: rgb(0, 0, 0); font-size: 11px; font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span><br></span></div><div style="color: rgb(0, 0, 0); font-size: 11px; font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span>no sé muy bien lo que puede pasar, aunque a primera vista se me ocurre que tengas problemas con el sistema de referencia.</span></div><div style="color: rgb(0, 0, 0); font-size: 11px; font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span><br></span></div><div style="color: rgb(0, 0, 0); font-size: 11px; font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span>Tu objeto mapa lo configuras en el
sistema EPSG:32719, y al cargar la capa OSM no veo ninguna reproyección, ya que esta se encuentra en EPSG:4326. El tema es que la primera es WGS84-UTM19S, que está expresada en metros, y la segunda se encuentra en WGS84 Geográficas, lo que significa que almacena latitud y longitud, es decir, en grados.</span></div><div style="color: rgb(0, 0, 0); font-size: 11px; font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span><br></span></div><div style="color: rgb(0, 0, 0); font-size: 11px; font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span>Por eso entre una y otra hay un desplazamiento enorme y es por eso que no lo ves.</span></div><div style="color: rgb(0, 0, 0); font-size: 11px; font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span><br></span></div><div style="color: rgb(0, 0, 0); font-size: 11px;
font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span>Realiza una reproyección cuando cargues la capa OSM para que haga una transformación al vuelo entre un sistema y otro y se visualice correctamente.</span></div><div style="color: rgb(0, 0, 0); font-size: 11px; font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span><br></span></div><div style="color: rgb(0, 0, 0); font-size: 11px; font-family: verdana, helvetica, sans-serif; background-color: transparent; font-style: normal;"><span>Para ello </span><span style="background-color: transparent; font-size: 8pt;">pon el siguiente código en el HEAD del fichero HTML:</span></div><div style="background-color: transparent;"><br></div><div style="background-color: transparent;"><span><font face="verdana, helvetica, sans-serif"><div style="background-color: transparent;"><span
class="yiv180888150Apple-tab-span" style="white-space: pre;"> </span><span style="font-weight: bold;"><script type="text/javascript" src="proj4js/lib/proj4js-compressed.js"></script></span></div><div style="background-color: transparent;"><span style="font-weight: bold;"><span class="yiv180888150Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" src="proj4js/lib/defs/EPSG4326.js"></script></span></div><div style="background-color: transparent;"><span style="font-weight: bold;"><span class="yiv180888150Apple-tab-span" style="white-space: pre;"> </span><script type="text/javascript" src="proj4js/lib/defs/EPSG32719.js"></script> </span></div></font></span></div><div style="background-color: transparent;"><br></div><div style="background-color: transparent;"><br></div><div style="background-color: transparent;"><span>Con ello cargo la librería <span style="font-style:
italic;">proj4js, BUSCA EN GOOGLE Y DESCÁRGATELA (los ficheros EPSG tienes que guardarlos en el PATH al que los refieras en el código anterior)</span>, que la tengo en el mismo path que el fichero HTML, así como los ficheros de las proyecciones que voy a utilizar, y que también están en la misma ruta. En el ejemplo se cargan WGS84 y la Esférica de Mercator (Que es la que emplea Google).</span></div><div style="background-color: transparent;"><br></div><div style="background-color: transparent;"><span>Ahora en el fichero en el que creo las funciones con JS:</span></div><div style="background-color: transparent;"><br></div><div style="background-color: transparent;"><span><div style="background-color: transparent;"><span class="yiv180888150Apple-tab-span" style="white-space: pre;"> </span><span style="background-color: transparent; font-weight: bold;">var opciones = {</span></div><div style="background-color: transparent;"><span style="font-weight:
bold;"><span class="yiv180888150Apple-tab-span" style="white-space: pre;"> </span><span style="background-color: transparent;">projection: new OpenLayers.Projection("EPSG:4326"),</span></span></div><div style="background-color: transparent;"><span style="font-weight: bold;"><span class="yiv180888150Apple-tab-span" style="white-space: pre;"> </span>displayProjection: new OpenLayers.Projection("EPSG:32719"),</span></div><div style="background-color: transparent;"><span style="font-weight: bold;"><span class="yiv180888150Apple-tab-span" style="white-space: pre;"> </span><span style="background-color: transparent;">units: 'm',</span></span></div><div style="background-color: transparent;"><span style="font-weight: bold;"><span class="yiv180888150Apple-tab-span" style="white-space: pre;"> </span><span style="background-color: transparent;">};</span></span></div></span></div><div style="background-color: transparent;"><br></div><div
style="background-color: transparent;"><span>Lo que estoy haciendo es definir cuál es la proyección del mapa y cuál es la que se va a mostrar en la aplicación, así como que las unidades de las coordenadas son metros. Ahora falta que hagas una transformación entre ambos sistemas. El siguiente código hace una transformación (la cual no es matemáticamente la mejor, ni mucho menos, pero sirve para solucionar el problema...</span></div><div style="background-color: transparent;"><br></div><div style="background-color: transparent;"><span style="font-weight: bold;"><span class="yiv180888150Apple-tab-span" style="white-space: pre;"> </span>mapa.maxExtent = (new OpenLayers.Bounds(-10,35.5,5,44).transform(mapa.displayProjection, mapa.projection));</span></div><div style="background-color: transparent;"><br></div><div style="background-color: transparent;">Espero que te sirva.</div><div style="background-color: transparent;"><br></div><div
style="background-color: transparent;">Ion</div><div style="background-color: transparent;"><span style="font-weight: bold;"><br></span></div><div style="background-color: transparent;"><span style="font-weight: bold;"><br></span></div><div style="background-color: transparent;"><span style="font-weight: bold;"><br></span></div><div style="background-color: transparent;"><span style="font-weight: bold;"><br></span></div> <div style="font-family: verdana, helvetica, sans-serif; font-size: 8pt;"> <div style="font-family: 'times new roman', 'new york', times, serif; font-size: 12pt;"> <div dir="ltr"> <font size="2" face="Arial"> <hr size="1"> <b><span style="font-weight:bold;">De:</span></b> Maximiliano Riffo Donoso <maxyorate@gmail.com><br> <b><span style="font-weight: bold;">Para:</span></b> spanish <spanish@lists.osgeo.org> <br> <b><span style="font-weight: bold;">Enviado:</span></b> Martes 11 de diciembre de 2012 15:52<br> <b><span
style="font-weight: bold;">Asunto:</span></b> [Spanish] Error con mapserver y Openlayers<br> </font> </div> <br><meta http-equiv="x-dns-prefetch-control" content="off"><div id="yiv1346214290">Estimados, estoy tratando de desplegar un shape sobre una capa de OSM en openlayers, el problema es que si la ubico sobre osm no la encuentro, separe los layers para ver que sucedia y me muestra en blanco el mapa y si hago click derecho sobre el, ¿Deberia ser una imagen o no?El tema es que no me sale como si fuese imagen. Este es el mapfile <div>
<div>MAP</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>NAME MAPARUTAS</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>STATUS ON</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>UNITS METERS</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>SIZE 600 600</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>EXTENT -107863 3760442 876050 8092497</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>IMAGETYPE PNG</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>SHAPEPATH "C:/Users/Usuario/Documents/Proyecto/MapaWeb/"</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>CONFIG "PROJ_LIB" "C:/ms4w/proj/nad" </div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>DEBUG 5</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>CONFIG "MS_ERRORFILE" "C:/Users/Usuario/Documents/Tesis/DEBUG.TXT"</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span></div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>PROJECTION</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>"init=epsg:32719"</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>END</div><div><br></div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>WEB</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>IMAGEPATH "tmp"</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span> IMAGEURL "tmp"</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>TEMPLATE void</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>METADATA</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>WMS_TITLE "Rutas OD"</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>WMS_ABSTRACT "Rutas OD."</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>WMS_ACCESSCONSTRAINTS "none"</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>WMS_ONLINERESOURCE "<a rel="nofollow" target="_blank" href="">http://localhost/cgi-bin/mapserv.exe</a>?"</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span> WMS_SRS "EPSG:32719"</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>END </div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>END </div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span></div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>LAYER</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>NAME RutasMapserver</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>TYPE line</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>STATUS ON</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>DATA "datos"</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>METADATA</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>"DESCRIPTON" "Shapes_12Nov2012"</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>'wms_srs' 'EPSG:32719'</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>"wfs_title" "Shapes_12Nov2012" ## REQUIRED</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>"wfs_featureid" "Shapes_12Nov2012" ## REQUIRED</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>"gml_include_items" "all" </div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>END</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>CLASS</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>NAME "Dibujo"</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>STYLE</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>SYMBOL "circle"</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>COLOR 51 153 255</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>SIZE 1</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>END</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>END</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>END</div><div>END</div><div><br></div><div>y este el código de Openlayers :</div>
<div><div><!DOCTYPE html></div><div><html></div><div> <head></div><div> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></div><div> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"></div>
<div> <meta name="apple-mobile-web-app-capable" content="yes"></div><div> <title>OpenLayers Basic OSM Example</title></div><div> <link rel="stylesheet" href="openlayers/theme/default/style.css" type="text/css"></div>
<div> <link rel="stylesheet" href="style.css" type="text/css"></div><div> <script src="openlayers/lib/OpenLayers.js"></script></div><div> <script type="text/javascript"></div>
<div> var map, layer;</div><div> function init(){</div><div> map = new OpenLayers.Map( 'map', {</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>maxExtent: new OpenLayers.Bounds(-107863,3760442,876050,8092497),</div>
<div> maxResolution: 1921.705078125,</div><div> units: "m",</div><div> projection: "EPSG:32719",</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>numZoomLevels: 15,</div>
<div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>controls: [ new OpenLayers.Control.Navigation({</div><div> dragPanOptions: {</div><div> enableKinetic: true</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span> }</div>
<div> }),</div><div> new OpenLayers.Control.Attribution(),</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>new OpenLayers.Control.LayerSwitcher({'ascending':false}),</div><div>
new OpenLayers.Control.Zoom()]</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>});</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span>layerOs = new OpenLayers.Layer.OSM( "Simple OSM Map");</div>
<div> map.addLayers([layerOs,layer]);</div><div> map.setCenter(</div><div> new OpenLayers.LonLat(348099,16296131), 10</div><div> );</div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span></div>
<div> }</div><div> </script></div><div> </head></div><div> <body onload="init()"></div><div> <div id="map" class="smallmap2"></div></div><div><span class="yiv1346214290Apple-tab-span" style="white-space:pre;"> </span></body></div>
<div></html></div></div><div><br></div><div><br></div><div>Espero me puedan ayudar y gracias de antemano</div><div>Saludos</div><div><br></div>-- <br>Maximiliano Riffo Donoso<br>Licenciatura en Ciencia de la Computación<br>
DMCC - Facultad de Ciencia<br>Universidad de Santiago De Chile<br>
</div>
</div><meta http-equiv="x-dns-prefetch-control" content="on"><br>_______________________________________________<br>Spanish mailing list<br><a target="_blank" href="">http://lists.osgeo.org/mailman/listinfo/spanish</a><br><a target="_blank" href="">http://es.osgeo.org</a><br><a target="_blank" href="">http://twitter.com/osgeoes</a><br><br><br> </div> </div> </div></body></html>