Javascript 无法显示“缩放”按钮_Javascript_Api_Google Maps_Google Maps Api 3_Google Visualization

Javascript 无法显示“缩放”按钮

javascript api google-maps google-maps-api-3 google-visualization

Javascript 无法显示“缩放”按钮,javascript,api,google-maps,google-maps-api-3,google-visualization,Javascript,Api,Google Maps,Google Maps Api 3,Google Visualization,我尝试使用艺术api。此api是最新的一个，但信息很少 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('

我尝试使用艺术api。此api是最新的一个，但信息很少

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {
        'packages': ['geochart'],
        'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
      });
      google.charts.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Popularity'],
          ['Germany', 200],
          ['United States', 300],
          ['Brazil', 400],
          ['Canada', 500],
          ['France', 600],
          ['Russia', 700]
          //['RU', 700]
        ]);

        var options = {
          backgroundColor: '#81d4fa',
          showZoomOut: true,
        };
        console.log("showZoomOut=" + options.showZoomOut);
        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
        google.visualization.events.addListener(chart, "zoomOut", function(){
          options.region = "world";
          console.log(options.region);
          chart.draw(data, options);        
        });

        google.visualization.events.addListener(chart, 'regionClick', function(r) {
          console.log(r);
          options.region = r.region;
          chart.draw(data, options);
        });
        chart.draw(data, options);
      }
    </script>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title></title>
  </head>
  <body>
    <div id="regions_div" style="width; 900px; height: 500px;"></div>
  </body>
</html>


google.charts.load（'current'{
“包”：[“地球艺术”]，
“mapsApiKey”：“AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY”
});
google.charts.setOnLoadCallback（DrawRegionMap）；
函数drawRegionsMap（）{
var data=google.visualization.arrayToDataTable([
[‘国家’、‘受欢迎程度’]，
[‘德国’，200]，
[‘美国’，300]，
[‘巴西’，400]，
[Canada'，500]，
['France'，600]，
[‘俄罗斯’，700]
//['RU'，700]
]);
变量选项={
背景颜色：“#81d4fa”，
是的，
};
console.log（“showZoomOut=“+options.showZoomOut”）；
var chart=new google.visualization.geograpart（document.getElementById（'regions_div'））；
google.visualization.events.addListener（图表，“zoomOut”，函数（）{
options.region=“世界”；
console.log（options.region）；
图表绘制（数据、选项）；
});
google.visualization.events.addListener（图表，'regionClick'，函数（r）{
控制台日志（r）；
options.region=r.region；
图表绘制（数据、选项）；
});
图表绘制（数据、选项）；
}

showZoomOut选项已为true。但zoomButton不显示。文件在这里

我希望能像这个zoomButton一样展示

这个问题由我自己解决

zoomButton仅支持GeomMap。无法应用它