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

Question

我正在尝试实现可视化 map API，点击此链接 https://developers.google.com/chart/interactive/docs/gallery/map

我已成功在谷歌地图上绘制点，但无法设置缩放级别。对于单点，缩放级别自动设置为 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.visualization.Map 实例的方法 getMap 来访问 google.maps.Map 实例.

例子:

map.getMap().setZoom(12);