页面更改后传单 .bindPopup() 不起作用

Question

我正在制作传单地图并在上面显示标记。单击标记我打开弹出窗口并单击将其导航到另一个页面，这一切正常，但是当我从导航页面单击返回以映射时，.bindPopup() 不起作用，我无法打开再次弹出。

这是我的代码：

var marker = leaflet.circleMarker([marker.latitude, marker.longitude], { renderer, radius: 8, weight: 1, color: '#fff', fillColor: markerColor, fillOpacity: 1 })
      .addTo(this.map)
      .bindPopup(marker.id + '<br/>' + marker.status + '<br/>');

    marker.on('click', (e) => {
      var popup = e.target.getPopup();
      this.issueServiceProvider.getIssue(marker.id, false).subscribe((result) => {
        var div = leaflet.DomUtil.create('div', 'command');
        div.innerHTML = marker.id + '<br/>' + marker.status + '<br/>' + result.description + '<br/><a id = "command">More Details</a> <br/>';
        popup.setContent(div);
        leaflet.DomEvent.addListener(div, 'click', () => {
          this.navCtrl.push(Constants.Page.IssueDetails, { markerId: marker.id }, Constants.Animation['TransitionForward']);
        });
      }, (err) => {
        console.error('Error' + err);
      });
    });

我怎样才能让它工作？

Answer 1

此弹出窗口有效，但未引用您的特定功能。试试这个，然后在基本设置完成后添加你的函数调用。

var marker = leaflet.circleMarker([39, -105], { radius: 8, weight: 1, color: "#274FCA", fillOpacity: 1 })
  .addTo(map)
  .bindPopup(this.id + '<br/>' + this.status + '<br/>');

marker.on('click', (e) => { 
    var popup = e.target.getPopup();
    var div = L.DomUtil.create('div', 'command');
    div.innerHTML = 'marker.id' + '<br/>' + 'marker.status' + '<br/>' + 'result.description' + '<br/><a id = "command">More Details</a> <br/>';
    popup.setContent(div);
    leaflet.DomEvent.addListener(div, 'click', () => {
        this.navCtrl.push(Constants.Page.IssueDetails, { markerId: marker.id }, Constants.Animation['TransitionForward']);
    });
});