为什么一个简单的 google.load('可视化....调用会抛出错误？

Question

我只是想加载 google 可视化包，这样我就可以查询 Fusion Table 来找到一些地图边界。

以下是导致问题的四行代码：

   <script src="https://www.google.com/jsapi"></script>
   <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
   <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script><script>

    google.load('visualization', '1', {'packages':['corechart', 'table', 'geomap']}, callback:function() { alert('!'); }});

如果我注释掉 google.load，一切都很好，但是即使从这个工作代码示例中复制，上面的内容也不起作用：

最终我想从参考 SO post 中实现 zoomTo() 函数，但是如果没有我所有的 [=25] 我什至不能运行 google.load 函数=] 失败。

scriptInjector.js:188 sI: about to establish extension connection for WIDGET_CONTENT_MESSAGE - url: http://gfsfshfs8/hmap.php
scriptInjector.js:191 sI: adding WIDGET_CONTENT_MESSAGE message listener
reservespaceifenabled.js:5 rsie: reserveSpace
reservespaceifenabled.js:7 rsie: getToolbarData
reservespaceifenabled.js:66 rsie: leaving js
hmap.php:99 Uncaught SyntaxError: Unexpected token :
reservespaceifenabled.js:15 rsie: getToolbarDataCallback(Arguments[1])
reservespaceifenabled.js:25 rsie: window.toolbarData: Object
reservespaceifenabled.js:26 rsie: window.Content: undefined
reservespaceifenabled.js:35 rsie: getToolbarDataCallback - done
contentScript.js:42 cS: logger: Array[1] : undefined
contentScript.js:42 cS: logger: Array[1]0: Array[1]length: 1__proto__: Array[0] : undefined
contentScript.js:42 cS: logger: Array[1] : document ready
contentScript.js:42 cS: logger: Array[1] : running callback
contentScript.js:42 cS: logger: Array[1] : undefined
contentScript.js:42 cS: logger: Array[1] : firing tab complete
contentScript.js:80 cS: sending TAB_COMPLETE

Answer 1

您正在导入不正确的 google JS 包。您导入的地图 API 不包含可视化包。将您的 google 导入更改为：

<script src="https://www.google.com/jsapi</script>

它应该可以工作。这是一个有效的 JSFiddle

为什么一个简单的 google.load('可视化....调用会抛出错误？

Why does a simple google.load('visualization....call throw an error?

javascript

google-visualization