如何在google Visualization Map api中设置zoomLevel？

Question

我正在尝试实现可视化地图api,请点击此链接https://developers.google.com/chart/interactive/docs/gallery/map

我在谷歌地图上成功绘制了点,但无法设置缩放级别.对于单点,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)但它不起作用.

Answer 1

定义缩放级别的属性的名称google.visualization.Map不是zoom,

它被称为zoomLevel(有趣,你的问题的标题包含正确的答案^^)

但是,奇怪的是,可视化API不提供访问底层google.maps.Map实例的方法.

您可以添加这样的方法(由您自己承担风险),将其添加到onload-callback:

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

您现在可以google.maps.Map通过调用-instance的方法getMap来访问google.visualization.Map-instance.

例:

map.getMap().setZoom(12);