Question

我使用d3.js和dc.leaflet.js绘制聚类地图和标记图。＆＃34; .cluster（真）＆＃34;或＆＃34; .cluster（false）＆＃34;可以改变地图风格。

var MKmarker = dc_leaflet.markerChart("#map")
    function drawmap(MapTypeBoolean) {
      MKmarker
        .dimension(geoDim)
        .group(geoGroup)
        .center([23.5, 121])
        .zoom(7)
        .cluster(MapTypeBoolean)//MapTypeBoolean true = cluster map / false = marker map
        .renderPopup(false)
        .filterByArea(true);
    };
drawmap(true); // The default is cluster map

我设置了两个按钮，通过使用不同的布尔值再次调用drawmap函数来切换地图，但它们不起作用。

$('.marker').click(function() {
    $('.cluster').addClass('btn-default');
    $('.cluster').removeClass('btn-info');
    $(this).removeClass('btn-default');
    $(this).addClass('btn-info');
    drawmap(false); // When the 'marker'button is clicked, it should call drawmap function again with 'false'. ->But it doesn't work.
});

这是我的codepen。 https://codepen.io/skysky888/pen/bqmpEe

谢谢〜

jQuery点击和调用功能不起作用

0 个答案: