Don't worry, I've solved the problem.<br><br><div class="gmail_quote">2011/2/16 javiricca <span dir="ltr"><<a href="mailto:fjricca@gmail.com">fjricca@gmail.com</a>></span><br><blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">
<br>
I forgot to put the code:<br>
<br>
<html><br>
<head><br>
<title>Simple OSM GPX Track</title><br>
<!-- bring in the OpenLayers javascript library<br>
(here we bring it from the remote site, but you could<br>
easily serve up this javascript yourself) --><br>
<script src="<a href="http://www.openlayers.org/api/OpenLayers.js" target="_blank">http://www.openlayers.org/api/OpenLayers.js</a>"></script><br>
<!-- bring in the OpenStreetMap OpenLayers layers.<br>
Using this hosted file will make sure we are kept up<br>
to date with any necessary changes --><br>
<script<br>
src="<a href="http://www.openstreetmap.org/openlayers/OpenStreetMap.js" target="_blank">http://www.openstreetmap.org/openlayers/OpenStreetMap.js</a>"></script><br>
<br>
<style type="text/css"><br>
@media print {<br>
div,a {display:none}<br>
.ver {display:block}<br>
.nover {display:none}<br>
}<br>
<br>
.olControlZoomInItemInactive {<br>
<br>
background:url(<a href="http://dev.openlayers.org/releases/OpenLayers-2.8/img/zoom-plus-mini.png" target="_blank">http://dev.openlayers.org/releases/OpenLayers-2.8/img/zoom-plus-mini.png</a>)<br>
no-repeat;<br>
border:2px solid #232323;<br>
float:left;<br>
height:18px;<br>
margin-right:5px;<br>
width:18px;<br>
}<br>
.olControlZoomOutItemInactive {<br>
<br>
background:url(<a href="http://dev.openlayers.org/releases/OpenLayers-2.8/img/zoom-minus-mini.png" target="_blank">http://dev.openlayers.org/releases/OpenLayers-2.8/img/zoom-minus-mini.png</a>)<br>
no-repeat;<br>
border:2px solid #232323;<br>
float:left;<br>
height:18px;<br>
margin-right:5px;<br>
width:18px;<br>
}<br>
<br>
</style><br>
<br>
<br>
<script type="text/javascript"><br>
// Start position for the map (hardcoded here for simplicity,<br>
// but maybe you want to get this from the URL params)<br>
var lat=37.364677<br>
var lon=-4.681113<br>
var zoom=8<br>
<br>
var map; //complex object of type OpenLayers.Map<br>
<br>
function init() {<br>
map = new OpenLayers.Map ("map", {<br>
controls:[<br>
new OpenLayers.Control.Navigation(),<br>
<!-- new OpenLayers.Control.PanZoomBar(),--><br>
new OpenLayers.Control.LayerSwitcher(),<br>
new OpenLayers.Control.Attribution()],<br>
maxResolution: 156543.0399,<br>
numZoomLevels: 19,<br>
units: 'm',<br>
projection: new OpenLayers.Projection("EPSG:900913"),<br>
displayProjection: new OpenLayers.Projection("EPSG:4326")<br>
} );<br>
<br>
<br>
// Define the map layer<br>
// Here we use a predefined layer that will be kept up to date with URL<br>
changes<br>
layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");<br>
map.addLayer(layerMapnik);<br>
layerTilesAtHome = new OpenLayers.Layer.OSM.Osmarender("Osmarender");<br>
map.addLayer(layerTilesAtHome);<br>
layerCycleMap = new OpenLayers.Layer.OSM.CycleMap("CycleMap");<br>
map.addLayer(layerCycleMap);<br>
layerMarkers = new OpenLayers.Layer.Markers("Markers");<br>
map.addLayer(layerMarkers);<br>
<br>
<br>
// Add the Layer with the GPX Track<br>
var lgpx = new OpenLayers.Layer.GML("Ruta2", "track2.gpx", {<br>
format: OpenLayers.Format.GPX,<br>
style: {strokeColor: "green", strokeWidth: 4, strokeOpacity: 1},<br>
projection: new OpenLayers.Projection("EPSG:4326")<br>
});<br>
<br>
<br>
<br>
map.addLayers([lgpx]);<br>
<br>
map.mapExtent = new OpenLayers.Bounds(lgpx.getExtent);<br>
<br>
var lonLat = new OpenLayers.LonLat(lon, lat).transform(new<br>
OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());<br>
map.setCenter(lonLat, zoom);<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.openstreetmap.org/openlayers/img/marker.png" target="_blank">http://www.openstreetmap.org/openlayers/img/marker.png</a>',size,offset);<br>
layerMarkers.addMarker(new OpenLayers.Marker(lonLat,icon));<br>
<br>
var external_control = new OpenLayers.Control.MousePosition({<br>
div: document.getElementById('external_control') });<br>
<br>
map.addControl(external_control);<br>
<br>
var external_panel = new OpenLayers.Control.Panel({<br>
div: document.getElementById('panel') });<br>
map.addControl(external_panel);<br>
<br>
<br>
var control_zoom_in = new OpenLayers.Control.ZoomIn();<br>
var control_zoom_out = new OpenLayers.Control.ZoomOut();<br>
map.addControl(control_zoom_in);<br>
map.addControl(control_zoom_out);<br>
<br>
external_panel.addControls([control_zoom_in, control_zoom_out]);<br>
<br>
<br>
<br>
select = new OpenLayers.Control.SelectFeature([lgpx]);<br>
<br>
<br>
lgpx.events.on({<br>
"featureselected": onFeatureSelect,<br>
"featureunselected": onFeatureUnselect<br>
});<br>
<br>
map.addControl(select);<br>
select.activate();<br>
<br>
function onPopupClose(evt) {<br>
select.unselectAll();<br>
}<br>
function onFeatureSelect(event) {<br>
var feature = event.feature;<br>
<br>
// Since KML is user-generated, do naive protection against<br>
// Javascript.<br>
var content = "<h2>"+<a href="http://feature.attributes.name" target="_blank">feature.attributes.name</a> + "</h2>" + <td> track2.gpx<br>
Descargar track </td>;<br>
if (content.search("<script") != -1) {<br>
content = "Content contained Javascript! Escaped content below.<br />"<br>
+ content.replace(/</g, "&lt;");<br>
}<br>
popup = new OpenLayers.Popup.FramedCloud("chicken",<br>
feature.geometry.getBounds().getCenterLonLat(),<br>
new OpenLayers.Size(100,100),<br>
content,<br>
null, true, onPopupClose);<br>
feature.popup = popup;<br>
map.addPopup(popup);<br>
}<br>
function onFeatureUnselect(event) {<br>
var feature = event.feature;<br>
if(feature.popup) {<br>
map.removePopup(feature.popup);<br>
feature.popup.destroy();<br>
delete feature.popup;<br>
}<br>
<br>
}<br>
}<br>
</script><br>
<br>
</head><br>
<!-- body.onload is called once the page is loaded (call the 'init'<br>
function) --><br>
<body onload="init();"><br>
<!-- define a DIV into which the map will appear. Make it take up the whole<br>
window --><br>
<div style="width:90%; height:90%" id="map"></div><br>
<div id="external_control"></div><br>
<div id="panel"></div><br>
</body><br>
</html><br>
<font color="#888888"><br>
<br>
--<br>
View this message in context: <a href="http://osgeo-org.1803224.n2.nabble.com/problem-with-browsers-except-firefox-tp6031310p6031478.html" target="_blank">http://osgeo-org.1803224.n2.nabble.com/problem-with-browsers-except-firefox-tp6031310p6031478.html</a><br>
Sent from the OpenLayers Users mailing list archive at Nabble.com.<br>
_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@lists.osgeo.org">Users@lists.osgeo.org</a><br>
<a href="http://lists.osgeo.org/mailman/listinfo/openlayers-users" target="_blank">http://lists.osgeo.org/mailman/listinfo/openlayers-users</a><br>
</font></blockquote></div><br><br clear="all"><br>-- <br>FJRicca<br><br><a href="http://picasaweb.google.es/fjricca">http://picasaweb.google.es/fjricca</a><br><a href="http://perdonaqueseasoez.com/">http://perdonaqueseasoez.com/</a><br>