谷歌地图javascript API 3密钥生成

谷歌地图javascript API 3密钥生成,javascript,html,google-maps,dom,google-maps-api-3,Javascript,Html,Google Maps,Dom,Google Maps Api 3,我正在尝试使用GoogleMapsJavaSRCIPTAPI3将GoogleMap嵌入到我的网站中。我已生成一个密钥并按如下方式输入: <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzSyBZsRvsDrBFh4-kVadHK&sensor=true"> </script> (查看上一行代码中的参数key=) 当我打开我的应用程序时,我得

我正在尝试使用GoogleMapsJavaSRCIPTAPI3将GoogleMap嵌入到我的网站中。我已生成一个密钥并按如下方式输入:

<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzSyBZsRvsDrBFh4-kVadHK&sensor=true">
</script>

(查看上一行代码中的参数key=)

当我打开我的应用程序时,我得到一个通知,我输入的密钥无效,地图崩溃


有人能帮我吗

通过javascript加载其他API时使用浏览器键

您可以使用和简化您的包含


您将能够以这种方式进行授权(而不是OAuth 2.0)操作。

听起来您没有正确生成密钥!您可以删除key参数,地图应该可以工作。密钥是由google自己自动生成的,因此密钥本身应该是有效的。我只是想知道在配置中是否有我必须更改的内容?您是否为google maps api v3授权了该密钥?它是浏览器键吗?允许的引用是否正确(或者如果是服务器密钥,则允许的IP是否正确)?是的,我确实在控制台上授权了密钥,并且它是浏览器密钥而不是服务器密钥。我一定是在某些配置中做错了什么,我就是看不出来。
<script src="https://maps.googleapis.com/maps/api/js?v=3&sensor=true"></script>
<script src="https://apis.google.com/js/client.js?onload=init"></script>
function init() {
    gapi.client.load('fusiontables', 'v1', function() {
        gapi.client.setApiKey( "YOUR_BROWSER_API_KEY_HERE" );
        //Other stuff to do on loading this
        gapi.client.fusiontables.query.sql({sql:["SELECT * FROM", TABLE_NAME].join(' '), fields:'rows, columns'}).execute( function(json) {
            //Do what you need to parse the json response
            //Set up KML Layers
            //etc... make sure to check if maps is loaded too
            json.rows.forEach( function(t) {
                console.log( t );
            });
        });
    });
}