Googleマップにインフォボックスを追加しますか？

Question

私は、Googleマップ上のいくつかのピンにインフォボックスを追加しようとしています。

私は前もって仕事をするinfoboxを持っています - JSfiddle。

しかし、私は今ドロップダウンメニューを含むようにコードを変更しました。私は再びinfoboxesを追加しようとしましたが、うまくいかず、なぜそうでないのかわかりません。 JSfiddle。 infoboxのコードをコピーして貼り付け、変数名がまだ一致していること、コードが同じ順序であることを確認しました。

次のコードは、マーカーが地図に追加されていて、私は情報ボックスを追加しようとしています。 addMarker関数は私の初期化関数内にあります。そして、変数は初期化関数の下にあります。

function addMarker(feature) { 
    var marker = new google.maps.Marker({ 
    position: feature.position, 
    icon: feature.icon, 
    map: map, 
    size: 20, 
    title: name, 
    draggable: false, 
    //animation: google.maps.Animation.DROP 
    }); 

    google.maps.event.addListener(marker, 'click', (function (marker) {return function() { 
     var Infocontent = feature.desc; 
     infowindow.setContent(Infocontent); 
     infowindow.open(map, marker); //'mouseover' 
     } 
    })(marker)); 
    } 




var infowindow = new google.maps.InfoWindow(); 

誰かが間違っている場所を教えてください。

Answer 1

新しいフィドルを作成してコードを更新しましたが、今は情報ウィンドウを表示しています。私はあなたのinfowindowコードをリスナーの定義内に移動しました。

google.maps.event.addListener(marker, 'click', (function (marker) {return function() { 
    console.log('called'); 
     var Infocontent = feature.desc; 
     infowindow = new google.maps.InfoWindow(); 
     infowindow.setContent(Infocontent); 
     infowindow.open(map, marker); //'mouseover' 
     } 
    })(marker)); 

JSFiddle