Javascript 如何在google可视化地图api中设置zoomLevel？_Javascript_Google Maps Api 3

Javascript 如何在google可视化地图api中设置zoomLevel？

javascript google-maps-api-3

Javascript 如何在google可视化地图api中设置zoomLevel？,javascript,google-maps-api-3,Javascript,Google Maps Api 3,我正试图实现可视化地图api，如下链接我正在谷歌地图上成功地绘制点，但无法设置zoomlevel。对于单点，zoomlevel自动设置为19（最大级别）我的代码：- var map = new google.visualization.Map(document.getElementById('map_div')); map.draw(data, {showTip: true, zoom:14, mapType: 'normal', useMapTypeControl:true, ena

我正试图实现可视化地图api，如下链接

我正在谷歌地图上成功地绘制点，但无法设置zoomlevel。对于单点，zoomlevel自动设置为19（最大级别）

我的代码：-

var map = new google.visualization.Map(document.getElementById('map_div'));

map.draw(data, {showTip: true, zoom:14,  mapType: 'normal', useMapTypeControl:true, enableScrollWheel:false});

我试过这个

map.setZoom（12）

，但它不起作用

这是因为根据您给出的文档页面，map对象没有

setZoom

方法

您可能可以尝试使用如下方法使用

draw

重新绘制地图

var newZoom = 12; map.draw(data, {showTip: true, zoom:newZoom, mapType: 'normal', useMapTypeControl:true, enableScrollWheel:false}); var-newZoom=12； draw（数据，{showTip:true，zoom:newZoom，mapType:'normal'，useMapTypeControl:true，enableScrollWheel:false}）；

这是因为根据您提供的文档页面，map对象没有

setZoom

方法

您可能可以尝试使用如下方法使用

draw

重新绘制地图

在

google.visualization.Map

中定义缩放级别的属性的名称不是zoom

它被称为zoomLevel
（有趣的是，你的问题的标题包含了正确的答案^^）

然而，令人好奇的是，可视化API没有提供访问底层

google.maps.Map

-实例的方法

您可以添加此类方法（风险自负），将其添加到onload回调：

google.visualization.Map.prototype.getMap=function(){
  for(var k in this){
   if(this[k].constructor==google.maps.Map)return this[k];
  }
}

现在，您可以通过调用

google.visualization.Map

-实例的

getMap

方法来访问

google.maps.Map

-实例

例如：

map.getMap().setZoom(12);

在

google.visualization.Map