我越来越警惕地说:
Google已禁止对此应用程序使用Maps API。提供的密钥不是有效的Google API密钥,或者未经此站点上的Google Maps Javascript API v3的授权。如果您是此应用程序的所有者,则可以在此处了解有关获取有效密钥的信息:https : //developers.google.com/maps/documentation/javascript/tutorial#api_key
使用带有API密钥的Google Maps时。
我做了什么:
1.通过设置“允许任何引荐来源”创建新的API密钥。
2.从文档中将其部署到本地Web服务器Hello World示例中:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=API_KEY">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: { lat: -34.397, lng: 150.644},
zoom: 8
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
3.将API_KEY替换为新生成的密钥。
当我访问此类页面时,我会收到警报。我如何解决它?
正如Dr.Molle所说:问题在于未在控制台中启用maps-javascript-API。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句