Le portail francophone de la géomatique

var selectControl, selectedFeature;

        function onPopupClose(evt) {
            selectControl.unselect(selectedFeature);
        }

        function onFeatureSelect(feature) {
            selectedFeature = feature;
         //var url = "https//.../.../" + feature.attributes.id;
            popup = new OpenLayers.Popup.FramedCloud("chicken",feature.geometry.getBounds().getCenterLonLat(),null,
        "<div style='font-size:.8em'><iframe src='http://.../.../" + feature.attributes.id + "' width='700' height='500'></iframe></div>",null, true, onPopupClose);
            feature.popup = popup;
            map.addPopup(popup);
        }

        function onFeatureUnselect(feature) {
            map.removePopup(feature.popup);
            feature.popup.destroy();
            feature.popup = null;
        }

        var createKmlLayer = function(name, url, options) {
            name = new OpenLayers.Layer.GML(name, url, options);
            map.addLayer(name);

         selectControl = new OpenLayers.Control.SelectFeature(name,
                {onSelect: onFeatureSelect, onUnselect: onFeatureUnselect});

         map.addControl(selectControl);
         selectControl.activate();    

        }

...

...


        createKmlLayer(
            "reseau_vae",
            "xml/pc_cinema.kml",
            {
            format: OpenLayers.Format.KML,
               formatOptions: {
                extractStyles: true,
                      extractAttributes: true 
               },
            displayInLayerSwitcher: false
        });

        createKmlLayer(
            "reseau_eri",
            "xml/site_terri_dre_eri.kml",
            {
            format: OpenLayers.Format.KML,
               formatOptions: {
                extractStyles: true,
                      extractAttributes: true 
               },
            displayInLayerSwitcher: false
        });