Javascript 使amcharts映射响应无效 我有来自amcharts库的地图图表，我处理这种响应，例如我有：

正如你看到的，地图没有覆盖集装箱的全宽，如何使其全宽

我的另一个问题是，当我调整窗口大小时，会在地图的顶部和底部创建一些空白，如下所示：

我想在较小的窗口中删除这些空间，如何才能做到这一点

/*图表代码*/
am4core.useTheme（am4themes_动画）；
//创建地图实例
让chart=am4core.create（“chartdiv”，am4maps.MapChart）；
chart.logo.height=-15；
chart.width=AM4核心百分比（100）；
图表高度=AM4核心百分比（100）；
chart.seriesContainer.draggable=false；
chart.seriesContainer.resizeable=false；
chart.maxZoomLevel=1；
chart.responsive.enabled=true；
//设置地图定义
chart.geodata=am4geodata\u worldLow；
//集合投影
chart.projection=新的am4maps.projections.projection（）；
//创建地图多边形系列
让polygonSeries=chart.series.push（新的am4maps.MapPolygonSeries（））；
//排除关节炎
polygoseries.exclude=[“AQ”]；
//使地图从GeoJSON加载多边形（如国家名称）数据
polygoseries.useGeodata=true；
//配置系列
让polygonTemplate=polygonSeries.mapPolygons.template；
PolygContemplate.tooltipText=“{name}”；
PolygontTemplate.polygon.fillOpacity=0.8；
//从颜色集中获取颜色
添加（“填充”，函数（填充，目标）{
返回colorSet.getIndex（target.dataItem.index+1），饱和（0.2）；
});
//创建悬停状态并设置替代填充颜色
var slider=chart.chartContainer.createChild（am4core.slider）；
slider.start=0.5；
滑块边距（0,0,20,0）；
slider.valign=“底部”；
slider.align=“中心”；
滑块宽度=500；
slider.events.on（“rangechanged”，（）=>{
chart.deltalongite=slider.start*360-180；
});
//添加图像系列
让imageSeries=chart.series.push（新的am4maps.MapImageSeries（））；
imageSeries.mapImages.template.propertyFields.longitude=“longitude”；
imageSeries.mapImages.template.propertyFields.latitude=“latitude”；
imageSeries.mapImages.template.tooltipText=“{title}”；
imageSeries.mapImages.template.propertyFields.url=“url”；
让circle=imageSeries.mapImages.template.createChild（am4core.circle）；
圆半径=3；
circle.propertyFields.fill=“color”；
设circle2=imageSeries.mapImages.template.createChild（am4core.Circle）；
圆圈2.半径=3；
圆圈2.propertyFields.fill=“color”；
圆圈2.events.on（“初始化”，函数（事件）{
animateBullet（event.target）；
});
函数：沸点（圆）{
让animation=circle.animate（[{property:“scale”，from:1，to:5}，{property:“opacity”，from:1，to:0}]，1000，am4core.ease.circleOut）；
animation.events.on（“animationended”，函数（事件）{
animateBullet（event.target.object）；
})
}
让colorSet=new am4core.colorSet（）；
imageSeries.data=[{
“标题”：“布鲁塞尔”，
“纬度”：50.8371，
“经度”：4.3676，
“颜色”：colorSet.next（）
}, {
“标题”：“哥本哈根”，
“纬度”：55.6763，
“经度”：12.5681，
“颜色”：colorSet.next（）
}, {
“标题”：“巴黎”，
“纬度”：48.8567，
“经度”：2.3510，
“颜色”：colorSet.next（）
}, {
“头衔”：“雷克雅未克”，
“纬度”：64.1353，
“经度”：-21.8952，
“颜色”：colorSet.next（）
}, {
“标题”：“莫斯科”，
“纬度”：55.7558，
“经度”：37.6176，
“颜色”：colorSet.next（）
}, {
“标题”：“马德里”，
“纬度”：40.4167，
“经度”：-3.7033，
“颜色”：colorSet.next（）
}, {
“头衔”：“伦敦”，
“纬度”：51.5002，
“经度”：-0.1262，
“url”：”http://www.google.co.uk",
“颜色”：colorSet.next（）
}, {
“头衔”：“北京”，
“纬度”：39.9056，
“经度”：116.3958，
“颜色”：colorSet.next（）
}, {
“标题”：“新德里”，
“纬度”：28.6353，
“经度”：77.2250，
“颜色”：colorSet.next（）
}, {
“标题”：“东京”，
“纬度”：35.6785，
“经度”：139.6823，
“url”：”http://www.google.co.jp",
“颜色”：colorSet.next（）
}, {
“标题”：“安卡拉”，
“纬度”：39.9439，
“经度”：32.8560，
“颜色”：colorSet.next（）
}, {
“标题”：“布宜诺斯艾利斯”，
“纬度”：-34.6118，
“经度”：-58.4173，
“颜色”：colorSet.next（）
}, {
“头衔”：“巴西利亚”，
“纬度”：-15.7801，
“经度”：-47.9292，
“颜色”：colorSet.next（）
}, {
“头衔”：“渥太华”，