我的html网站上的Google地图API

时间:2017-10-16 18:07:21

标签: javascript html html5 google-maps google-api

你好我有一个问题我希望在我的网站中整合你的谷歌地图但我不明白它出现在我更新页面但它消失了。在控制台中它说“没有APIkey”,但我做了好几次。我关注了网站:developers.google

但我不明白错误在哪里。如果有人理解错误,我把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>

2 个答案:

答案 0 :(得分:1)

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

因此请在项目下激活您的Google地图API密钥。

答案 1 :(得分:0)

您的API密钥未激活。请务必按照指南生成一个新的:https://developers.google.com/maps/documentation/javascript/get-api-key?hl=de