[OpenLayers-Trac] [OpenLayers] #3648: Multilayer and Popup

Thu Apr 19 15:17:25 EDT 2012

#3648: Multilayer and Popup
---------------------+------------------------------------------------------
 Reporter:  xedp3x   |       Owner:      
     Type:  bug      |      Status:  new 
 Priority:  minor    |   Milestone:      
Component:  general  |     Version:  2.11
 Keywords:           |       State:      
---------------------+------------------------------------------------------
 If I use more then one map I get an error if I click on an a KML icon.


 {{{
 Uncaught exception: TypeError: 'this.layer.getFeatureFromEvent' is not a
 function
 Error thrown at line 1368, column 134 in <anonymous function: handle>(evt)
 in http://georis.de/js/OpenLayers.js:
     this.feature=this.layer.getFeatureFromEvent(evt);
 called from line 1366, column 606 in <anonymous function: click>(evt) in
 http://georis.de/js/OpenLayers.js:
     return this.handle(evt)?!this.stopClick:true;
 called from line 400, column 116 in <anonymous function:
 triggerEvent>(type, evt) in http://georis.de/js/OpenLayers.js:
     continueChain=callback.func.apply(callback.obj,[evt]);
 called from line 406, column 0 in <anonymous function:
 handleBrowserEvent>(evt) in http://georis.de/js/OpenLayers.js:
     this.triggerEvent(type,evt);
 called via Function.prototype.call() from line 158, column 562 in
 <anonymous function: bindAsEventListener>(event) in
 http://georis.de/js/OpenLayers.js:
     return func.call(object,event||window.event);
 }}}


 {{{
 <head>
   <title>Geo-RIS</title> </head>
     <link rel="stylesheet" href="/css/style.css" type="text/css" />
     <link rel="icon" href="/img/favicon.ico" type="image/x-icon">

     <script src="/js/OpenLayers.js"></script>
     <script
 src="http://maps.google.com/maps/api/js?v=3.6&amp;sensor=false"></script>
     <script type="text/javascript">
         var lon = 5;
         var lat = 40;
         var zoom = 5;
         var map, layer;

         function init(URL, la, lb, lc, ld){
             var options = {
                 projection: new OpenLayers.Projection("EPSG:900913"),
                 displayProjection: new OpenLayers.Projection("EPSG:4326"),
                 units: "m",
                                 numZoomLevels: 19,
                                 maxResolution: 156543.0339,
                 maxExtent: new OpenLayers.Bounds(-20037508.34,
 -20037508.34,
                                                  20037508.34, 20037508.34)
             };

             map = new OpenLayers.Map('map', options);

             var mapnik = new OpenLayers.Layer.TMS(
                 "OpenStreetMap",
                 "http://tile.openstreetmap.org/",
                 {
                     type: 'png', getURL: osm_getTileURL, opacity: 0.5,
                     displayOutsideMaxExtent: true,
                     //attribution: '<a href="http://www.openstreetmap.org
 /">(CC-BY-SA) OpenStreetMap</a>'
                 }

             );
                         map.addLayer(mapnik);

                         var gmap = new OpenLayers.Layer.Google(
                     "Google Maps", // the default
                     {numZoomLevels: 20}
                 );
                         //map.addLayer(gmap);


                         var ghyb = new OpenLayers.Layer.Google(
                                 "Google Satellit",
                                 {type: google.maps.MapTypeId.HYBRID,
 numZoomLevels: 20}
                             );
                         //map.addLayer(ghyb);

             map.addLayer(new OpenLayers.Layer.GML("GeoRIS", URL,
                {
                 format: OpenLayers.Format.KML,
                 projection: map.displayProjection,
                 formatOptions: {
                   extractStyles: true,
                   extractAttributes: true
                 }
                }));

              selectControl = new
 OpenLayers.Control.SelectFeature(map.layers[1],
                 {onSelect: onFeatureSelect, onUnselect:
 onFeatureUnselect});


             //map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.addControl(selectControl);
             selectControl.activate();
             map.zoomToExtent(new OpenLayers.Bounds(la, lb, lc, ld
 ).transform(map.displayProjection, map.projection));
         }
         function onPopupClose(evt) {
             selectControl.unselect(selectedFeature);
         }
         function onFeatureSelect(feature) {
             selectedFeature = feature;
             popup = new OpenLayers.Popup.FramedCloud("chicken",
 feature.geometry.getBounds().getCenterLonLat(),
                                      new OpenLayers.Size(100,100),
                                      "<h2>"+feature.attributes.name +
 "</h2>" + feature.attributes.description,
                                      null, true, onPopupClose);
             feature.popup = popup;
             map.addPopup(popup);
         }
         function onFeatureUnselect(feature) {
             map.removePopup(feature.popup);
             feature.popup.destroy();
             feature.popup = null;
         }
         function osm_getTileURL(bounds) {
             var res = this.map.getResolution();
             var x = Math.round((bounds.left - this.maxExtent.left) / (res
 * this.tileSize.w));
             var y = Math.round((this.maxExtent.top - bounds.top) / (res *
 this.tileSize.h));
             var z = this.map.getZoom();
             var limit = Math.pow(2, z);

             if (y < 0 || y >= limit) {
                 return OpenLayers.Util.getImagesLocation() + "404.png";
             } else {
                 x = ((x % limit) + limit) % limit;
                 return this.url + z + "/" + x + "/" + y + "." + this.type;
             }
         }
     </script>
   </head>
 }}}

-- 
Ticket URL: <http://trac.openlayers.org/ticket/3648>
OpenLayers <http://openlayers.org/>
A free AJAX map viewer