传单侧边栏加载时未打开

Question

我正在使用leaflet-sidabarv2插件为cartodb/传单地图创建侧边栏。我遇到了一些问题：a.）无法获得工作选项——关闭按钮、自动平移等）和b.）无法使用setContent动态设置数据。

侧边栏的功能与预期一致。问题是修改它似乎没有效果。我还在setTimeout和setContent行上得到一个错误"UncaughtTypeError:undefined不是函数"。

      cartodb.createLayer(map, {
      user_name: {{user_name}},
      type: 'cartodb',
      sublayers: [{
         sql: 'select * from {{table_name}}',
         cartocss: '#layer',
         interactivity: 'cartodb_id, name',
         auto_bound: true
      }]
    })
    .addTo(map)
    .done(function(layer) {
      var barData;
      barData = layer.createSubLayer({
        sql: 'select * from {{table_name}}',
        cartocss: '#layer {marker-fill: #bababa; marker-opacity: 0.3; marker-width: 4px; }',
        interactivity: 'name, location'
      });
      //on click
      barData.on('featureClick', function(e, pos, pixel, data) {
        //log active data
      console.log("Name: " + data.name + " @ " + data.location);
        $('#map').css('cursor', 'pointer');
      });
      barData.setInteraction(true);
      //hover pop-up
      var infobox = new cdb.geo.ui.InfoBox({
        width: 100,
        layer: layer,
        template: '<p class="cartodb-infobox">{{name}}</p></br><p>{{location}}</p>',
        position: 'top|right' // top, bottom, left and right are available
      });
      $("body").append(infobox.render().el);
      // leaflet-sidebar> closeButton not engaging
      var sidebar = L.control.sidebar('sidebar', {closeButton: true});
      map.addControl(sidebar);
      //content not showing up anywhere
      sidebar.setContent('test <b>test</b> test');
     // sidebar still collapsed at reload
     setTimeout(function () {
         sidebar.show();
    }, 500);
      });
  }      
  window.onload = main; 

关于我可能做错了什么，有什么建议吗？我脑子里装了所有合适的东西。

Answer 1

您似乎使用了错误的API。setContent()方法和options散列是leaflet-sidebar库API的一部分，但不是sidebar-v2的一部分。