2017-10-16 12 views
-1

hello我有一个问题我希望在我的网站中集成ue google地图,但我不明白它出现在我更新页面但是随后消失的时候。在控制台中它说“没有APIkey”,但我做了好几次。我跟着网站:developers.google我的html网站中的Google地图API

但我不明白错误在哪里。如果有人明白错误,我会把html部分放在里面!我也按照这个主题google api in my website但没有出现!

<div id="map"></div> 
 
<script> 
 
    function initMap() { 
 
    var ff = { 
 
     lat: 50.638181, 
 
     lng: 3.058227 
 
    }; 
 
    var map = new google.maps.Map(document.getElementById('map'), { 
 
     zoom: 17, 
 
     center: ff 
 
    }); 
 
    var marker = new google.maps.Marker({ 
 
     position: ff, 
 
     map: map 
 
    }); 
 
    } 
 
</script> 
 

 
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDWdGA-ndsHMtR5-cdZrc5SHtfKKBG5Bfg&callback=initMap"> 
 
</script>

+1

在您的问题中运行代码段。它告诉你,你还没有激活地图API。看到这里:https://stackoverflow.com/questions/35700182/apinotactivatedmaperror-for-simple-html-page-using-google-places-api – Turnip

+0

谢谢,但我按照主题,什么都没有再出现 – heysabbinah

回答

1

控制台说: - https://developers.google.com/maps/documentation/javascript/error-messages#api-not-activated-map-error

所以激活根据项目的谷歌地图API密钥。

+0

如何激活一个键?我遵循文档。我选择我的项目我生成一个密钥!我没有任何限制。我复制密钥但它不起作用。 – heysabbinah

+0

步骤 1.访问https://console.developers.google.com/ 2.选择项目。 3.点击启用APIs和服务按钮 4.搜索'Google Maps JavaScript API'。 5.点击启用 –

+0

我刚刚检查了Chrome移动版本并刷新了许多时间,但地图并未消失。 –