Hello everyone,<br><br>Please check the code below. This is a very simple map with an event listener that shows the coordinates when you click on it. It works on every know web browser in the world, Firefox, Opera, Chrome, except for ... yes you guessed it, Internet Explorer!<br>
<br>Is there any work around for this? Is it worth to dedicate time to this? Is OpenLayers supposed to work with IE?<br><br>Thank you,<br><br>Luís<br><br><br><html><br> <head><br> <title>OpenLayers Demo</title><br>
<style type="text/css"><br> html, body, #basicMap {<br> width: 400px;<br> height: 300px;<br> margin: 0;<br> }<br> </style><br> <script src="<a href="http://www.openlayers.org/api/OpenLayers.js">http://www.openlayers.org/api/OpenLayers.js</a>"></script><br>
<script src='<a href="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ">http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ</a>'></script><br>
<script><br> function init() {<br> map = new OpenLayers.Map("basicMap");<br> var gphy = new OpenLayers.Layer.Google(<br> "Google Physical",<br> {type: G_PHYSICAL_MAP}<br>
);<br> <br> map.addLayer(gphy);<br> map.zoomToMaxExtent();<br> OpenLayers.Event.observe($('basicMap'),"click",showCoords.bindAsEventListener(map));<br> }<br>
<br> function showCoords(e)<br> {<br> var LL = this.getLonLatFromPixel (e.xy);<br> window.alert(LL);<br> }<br> </script><br> </head><br> <body onload="init();"><br>
<div id="basicMap"></div><br> </body><br></html><br><br> <br>