谷歌地图javascript API 3密钥生成
我正在尝试使用GoogleMapsJavaSRCIPTAPI3将GoogleMap嵌入到我的网站中。我已生成一个密钥并按如下方式输入:谷歌地图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=) 当我打开我的应用程序时,我得
<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 );
});
});
});
}