Fixing popup in example

examples/full-screen.html

@@ -73,7 +73,7 @@
       <!-- Clickable label for Vienna -->
       <a class="overlay" id="vienna" target="_blank" href="http://en.wikipedia.org/wiki/Vienna">Vienna</a>
       <!-- Popup -->
-      <div class="overlay arrow_box" id="popup"></div></span>
+      <div class="overlay arrow_box" id="popup"></div>
     </div>
     <script src="loader.js?id=full-screen" type="text/javascript"></script>
   </body>

examples/full-screen.js

@@ -35,7 +35,6 @@ var vienna = new ol.overlay.Overlay({
 
 // Popup showing the position the user clicked
 var popup = new ol.overlay.Overlay({
-  map: map,
   element: document.getElementById('popup')
 });
 map.addEventListener('click', function(evt) {
@@ -44,5 +43,6 @@ map.addEventListener('click', function(evt) {
       'Welcome to ol3. The location you clicked was<br>' +
       ol.CoordinateFormat.hdms(ol.Projection.transformWithCodes(
           coordinate, 'EPSG:3857', 'EPSG:4326'));
+  popup.setMap(evt.map);
   popup.setCoordinate(evt.getCoordinate());
 });