OpenLayers 3情報を追加するポップアップ要素がnullを返す

Question

ベクターレイヤーの機能がクリックされたときにポップアップを表示しようとしています。

これは私が私が作成したマップにポップアップをロードしています別の.jsファイルに続いて...マップと同じ.cshtmlページ

<div id="popup" title="Welcome to ol3"> 
     &nbsp; 
    </div> 

あると それを追加...

map.on（ 'クリック'）...

var element = popup.getElement(); 
     var coordinate = evt.coordinate; 
     $(element).popover('destroy'); 
     popup.setPosition(coordinate); 
     // the keys are quoted to prevent renaming in ADVANCED mode. 
     $(element).popover({ 
      'placement': 'top', 
      'animation': false, 
      'html': true, 
      'content': '<p>Something happened...good for you</code>' 
     }); 
     $(element).popover('show'); 

ただしのdocument.getElementById（ "ポップアップ"）で、その後

var popup = new ol.Overlay({ 
     element: document.getElementById('popup') 
    }); 
    map.addOverlay(popup); 

何か助けが大変ありがとうございます！

Answer 1

@Neeleshさんのお返事ありがとうございます。これはOL3コードが古いものに変わって実行されているようですが、これはかなり頻繁にライブラリが変わるために頻繁に起こります。今私はどのように把握する必要があり、あなたは私が変更フィドルに提供された例...

var element = popup.getElement(); 
    var coordinate = evt.coordinate; 
    angular.element(element).popover('destroy'); 
    popup.setPosition(coordinate); 
    // the keys are quoted to prevent renaming in ADVANCED mode. 
    $(element).popover({ 
     'placement': 'top', 
     'animation': false, 
     'html': true, 
     'content': '<p>Something happened...good for you</code>' 
    }); 
    $(element).popover('show'); 

TO ...

var coordinate = evt.coordinate; 
     document.getElementById('popup-content').innerHTML = '<p>It is working</p>'; 
     popup.setPosition(coordinate); 

を使用して...それは、ポップアップを表示するために働いていました私がクリックしたベクトルレイヤーの特徴を判断するには