<div dir="ltr"><div>Lo de modificar el centrar el mapa dinamicamente es un tema que lo tocare mas adelante en el desarrollo, Gracias por el dato hyances, un saludo.</div><div><br></div>Ya identifique uno de los problemas y esta en la capa de OSM.<div>
<br></div><div>cuando cargo la capa WMS de Openlayers el marcador efectivamente se coloca en la latitud y la longitud adecuadas, pero cuando la intento cambiar por "capa = new OpenLayers.Layer.OSM();" para usar la capa de OpenStreetMap el marcador se centra en 0,0 y la verdad no se porque pasa esto? me puedes explicar que pasa!</div>
<div><br></div><div><div>--------Codigo funcionando sin la capa de OSM -----------------</div><div><br></div><div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var mapa, capa;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var size, icon;</div>
<div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>function init(){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>mapa = new OpenLayers.Map('mapa');</div><div>
<span class="Apple-tab-span" style="white-space:pre"> </span>capa = new OpenLayers.Layer.WMS( "OpenLayers WMS", </div><div><span class="Apple-tab-span" style="white-space:pre"> </span>"<a href="http://vmap0.tiles.osgeo.org/wms/vmap0">http://vmap0.tiles.osgeo.org/wms/vmap0</a>", {layers: 'basic'} );</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>mapa.addLayer(capa);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var markers = new OpenLayers.Layer.Markers( "Markers" );</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>mapa.addLayer(markers);</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>size = new OpenLayers.Size(21, 25);</div><div>
<span class="Apple-tab-span" style="white-space:pre"> </span>calculateOffset = function(size) {return new OpenLayers.Pixel(-(size.w/2), -size.h); };</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>icon = new OpenLayers.Icon('<a href="http://www.openlayers.org/dev/img/marker.png">http://www.openlayers.org/dev/img/marker.png</a>',size, null, calculateOffset);</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(-74.1120610667, 4.66881451667), icon));</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>mapa.addControl(new OpenLayers.Control.LayerSwitcher());</div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>mapa.zoomToMaxExtent();</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><br><div class="gmail_quote">El 16 de abril de 2012 23:41, Germán Márquez Mejía <span dir="ltr"><<a href="mailto:manchito@gmail.com">manchito@gmail.com</a>></span> escribió:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Veo que al final, sin importar la posición del marcador, siempre<br>
recentras a (74,4). ¿Qué tal si lo pones así?<br>
<br>
[...]<br>
<div class="im">var size = new OpenLayers.Size(21,25);<br>
var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);<br>
var icon = new<br>
OpenLayers.Icon('<a href="http://www.openlayers.org/dev/img/marker.png" target="_blank">http://www.openlayers.org/dev/img/marker.png</a>',size,offset);<br>
<br>
</div>var marcador = new OpenLayers.Marker(new<br>
OpenLayers.LonLat(-74.1120610667, 4.66881451667),icon);<br>
markers.addMarker(marcador);<br>
<div class="im"><br>
<br>
mapa.addLayers([osm,gmap,ghyb,veroad,vehyb,yahoo,yahoohyb]);<br>
mapa.addControl(new OpenLayers.Control.LayerSwitcher());<br>
</div>mapa.setCenter(marcador.lonlat, 3);<br>
[...]<br>
<br>
Am Montag, den <a href="tel:16.04.2012" value="+5716042012">16.04.2012</a>, 18:57 -0500 schrieb Diego Uribe Gamez:<br>
<div><div class="h5">> Hola a todos, le cuento que tengo un problema intentando colocar un<br>
> marcador basado en la latitud y la longitud de un punto en especial y<br>
> es que no importando si le paso la latitud y la longitud que tengo el<br>
> simplemente se queda en el centro del mapa? y no se mueve a<br>
> la posición que es en el mapa usando OpenLayers? aquí les paso<br>
> el código para el mapa que estoy colocar en mi pagina para ver si me<br>
> me pueden ayudar:<br>
><br>
><br>
> Gracias.<br>
><br>
><br>
> ----- Código exclusivo para el marcador<br>
> --------------------------------------------------------------<br>
><br>
><br>
> var markers = new OpenLayers.Layer.Markers( "Markers" );<br>
> mapa.addLayer(markers);<br>
><br>
><br>
> var size = new OpenLayers.Size(21,25);<br>
> var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);<br>
> var icon = new<br>
> OpenLayers.Icon('<a href="http://www.openlayers.org/dev/img/marker.png" target="_blank">http://www.openlayers.org/dev/img/marker.png</a>',size,offset);<br>
><br>
><br>
> markers.addMarker(new OpenLayers.Marker(new<br>
> OpenLayers.LonLat(-74.1120610667, 4.66881451667),icon));<br>
><br>
><br>
> ----- Código completo del mapa<br>
> -------------------------------------------------------------------------<br>
><br>
><br>
> <!--OpeLayers--><br>
> <script<br>
> src='<a href="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1" target="_blank">http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1</a>'></script><br>
> <script<br>
> src='<a href="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ" target="_blank">http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ</a>'></script><br>
> <script<br>
> src="<a href="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers" target="_blank">http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers</a>"></script><br>
><br>
><br>
> <script src='openlayers/OpenLayers.js'></script><br>
> <script type="text/javascript"><br>
><br>
><br>
> // make map available for easy debugging<br>
> var mapa;<br>
><br>
><br>
> // increase reload attempts<br>
> OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;<br>
><br>
><br>
> function init(){<br>
><br>
><br>
> var mapa = new OpenLayers.Map('mapa')<br>
><br>
><br>
> // OSM layer<br>
> var osm = new OpenLayers.Layer.OSM();<br>
><br>
><br>
> // create Google Mercator layers<br>
> var gmap = new OpenLayers.Layer.Google(<br>
> "Google Streets",<br>
> {sphericalMercator: true}<br>
> );<br>
> var ghyb = new OpenLayers.Layer.Google(<br>
> "Google Hybrid",<br>
> {type: G_HYBRID_MAP, sphericalMercator: true}<br>
> );<br>
><br>
><br>
> // create Virtual Earth layers<br>
> var veroad = new OpenLayers.Layer.VirtualEarth(<br>
> "Virtual Earth Roads",<br>
> {'type': VEMapStyle.Road, sphericalMercator: true}<br>
> );<br>
> var vehyb = new OpenLayers.Layer.VirtualEarth(<br>
> "Virtual Earth Hybrid",<br>
> {'type': VEMapStyle.Hybrid, sphericalMercator: true}<br>
> );<br>
><br>
><br>
> // create Yahoo layer<br>
> var yahoo = new OpenLayers.Layer.Yahoo(<br>
> "Yahoo Street",<br>
> {sphericalMercator: true}<br>
> );<br>
> var yahoohyb = new OpenLayers.Layer.Yahoo(<br>
> "Yahoo Hybrid",<br>
> {'type': YAHOO_MAP_HYB, sphericalMercator: true}<br>
> );<br>
><br>
><br>
> var markers = new OpenLayers.Layer.Markers( "Markers" );<br>
> mapa.addLayer(markers);<br>
><br>
><br>
> var size = new OpenLayers.Size(21,25);<br>
> var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);<br>
> var icon = new<br>
> OpenLayers.Icon('<a href="http://www.openlayers.org/dev/img/marker.png" target="_blank">http://www.openlayers.org/dev/img/marker.png</a>',size,offset);<br>
><br>
><br>
> markers.addMarker(new OpenLayers.Marker(new<br>
> OpenLayers.LonLat(-74.1120610667, 4.66881451667),icon));<br>
><br>
><br>
> mapa.addLayers([osm,gmap,ghyb,veroad,vehyb,yahoo,yahoohyb]);<br>
> mapa.addControl(new OpenLayers.Control.LayerSwitcher());<br>
> mapa.setCenter(new OpenLayers.LonLat(-74, 4), 3);<br>
><br>
><br>
> }<br>
><br>
><br>
> </script><br>
><br>
><br>
> --<br>
</div></div>> Diego Alonso Uribe Gamez<br>
> ______________________________________________________________________<br>
<div class="im">><br>
> Desarrollador web<br>
><br>
> Twitter: @DiegoUG<br>
><br>
> Google+: <a href="http://gplus.to/diegoug" target="_blank">http://gplus.to/diegoug</a><br>
><br>
><br>
</div>> ______________________________________________________________________<br>
<div class="HOEnZb"><div class="h5">><br>
><br>
><br>
><br>
><br>
> _______________________________________________<br>
> Talk-co mailing list<br>
> <a href="mailto:Talk-co@openstreetmap.org">Talk-co@openstreetmap.org</a><br>
> <a href="http://lists.openstreetmap.org/listinfo/talk-co" target="_blank">http://lists.openstreetmap.org/listinfo/talk-co</a><br>
<br>
<br>
<br>
_______________________________________________<br>
Talk-co mailing list<br>
<a href="mailto:Talk-co@openstreetmap.org">Talk-co@openstreetmap.org</a><br>
<a href="http://lists.openstreetmap.org/listinfo/talk-co" target="_blank">http://lists.openstreetmap.org/listinfo/talk-co</a><br>
</div></div></blockquote></div><br><br clear="all"><div><br></div>-- <br><div dir="ltr"><font face="arial, helvetica, sans-serif"><img src="https://twimg0-a.akamaihd.net/profile_images/1702546033/avatar.jpg"> <span style="font-size:large"><b>Diego Alonso Uribe Gamez</b></span><span style="border-collapse:collapse"><hr style="font-style:normal;font-weight:400">
<p align="center" style="font-style:normal;font-weight:400;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"></p></span></font><p style="text-align:left;font-style:normal;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px">
<font face="arial, helvetica, sans-serif"><span style="color:rgb(0,0,0)"><b>Desarrollador web</b></span></font></p><p style="text-align:left;font-style:normal;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px">
<font face="arial, helvetica, sans-serif"><span style="color:rgb(0,0,0)">Twitter: </span><span style="text-decoration:underline;color:rgb(21,0,255)"><a href="http://www.twitter.com/DiegoUG" style="color:rgb(0,0,204)" target="_blank">@DiegoUG</a></span></font></p>
<p style="text-align:left;font-style:normal;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"><font face="arial, helvetica, sans-serif">Google+: <a href="http://gplus.to/diegoug" target="_blank">http://gplus.to/diegoug</a></font></p>
<hr style="font-style:normal"><br><p></p><span style="border-collapse:collapse"><p align="center" style="font-style:normal;font-weight:400;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px;font-family:'dejavu serif';font-size:medium;color:rgb(0,0,0)">
</p></span></div><br>
</div></div></div>