在区域内放置地图画布

Question

我正在尝试在卡片中添加加拿大的Google Geochart地图，但是它已经开箱了，我如何将其放入其中

我在React中使用引导CDN。

卡片HTML：

<div class="col-lg-5 col-xl">
         <div class="card-body">
              <div class="chart-area"> 
                   <div id="visualization" >
                   </div>  
              </div>
         </div>
</div>

用于可视化的JS：

 var geochart = new google.visualization.GeoChart(
        document.getElementById('visualization'));
    geochart.draw(data, opts);
    $(window).smartresize(function () {
        geochart.draw(data, opts);
    });