單張彈出不會打開（反應）

Question

我正在爲我正在使用單張（react-leaflet）的反應應用程序的地圖視圖工作。我可以在地圖上繪製標記，但是我已經綁定到他們的彈出窗口在點擊時不會打開。我第一次嘗試使用<Marker>和<Popup>組件，但this Github問題表明，從地圖組件中獲取傳單地圖對象並將標記明確綁定到它可能會更好。這是我有：

componentDidUpdate() { 
    this.map = this.refs.map.leafletElement; 
    this.state.rows.map((row) => { 
     var marker = L.marker([row.coordinate.latitude, row.coordinate.longitude]); 
     marker.addTo(this.map); 

     var popupText = util.format('<b>%s</b>', row.venue) 
     for(var i = 0; i < row.beers.length; i++){ 
      var beer = row.beers[i]; 
      popupText += util.format('<br>%s: %s - %d', beer.brewery, beer.name, beer.rating) 
     } 

     marker.bindPopup(popupText); 
     //marker.on('click', function(e){console.log('clicked!')}) 
    }); 
} 

render(){ 
    const cover = {position: 'absolute', left: 0, right: 0, top: 50, bottom: 0}; 
    return(
     <div> 
      <Map scrollWheelZoom={false} center={this.state.position} zoom={14} style={cover} ref="map"> 
       <TileLayer 
        url='http://{s}.tile.osm.org/{z}/{x}/{y}.png' 
        attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' 
       /> 
      </Map> 
     </div> 
    ); 
} 

即使我去掉了marker.on('click'...)線，該console.log似乎永遠不會觸發。任何人有任何想法可能會發生什麼？

Answer 1

這個issue已過期，作爲October 7, 2015。添加動作監聽器的孩子已經修復。以下是如何在彈出窗口中添加縮放操作的示例。

<Marker position={position}> 
    <Popup> 
     <span> 
     <button onClick={this.zoomOut}> 
      Zoom out 
     </button > 
     <button onClick = {this.zoomIn}> 
      Zoom in 
     </button> 
     </span> 
    </Popup > 
    </Marker> 

這個jsfiddle是一個工作的例子。