即使提供API密钥，Google地图也不会显示 [英] Google map not getting displayed even after providing API Key

问题描述

我试图在我的网站上显示谷歌地图。这里是代码： - $ /

 < script> 
函数initMap（）{
 var uluru = {lat：-25.363，lng：131.044}; 
 var map = new google.maps.Map（document.getElementById（'mapz'），{
 zoom：4，
 center：uluru 
}）; 
 var marker = new google.maps.Marker（{
 position：uluru，
 map：map 
}）; 
} 
< / script> 
  

以下是控制台中显示的错误： -
message：initMap不是函数
name：InvalidValueError

解决方案

尝试下面的代码。希望它可以帮助你..！

 < script type =text / javascriptsrc =http：// maps。 google.com/maps/api/js?key=MYAPIKEY&sensor=false\"> 
< div id =mapzstyle =width：80％; height：500px>< / div> 
< script> 
 google.maps.event.addDomListener（window，'load'，initMap）; 
函数initMap（）{
 var uluru = {lat：-25.363，lng：131.044}; 
 var map = new google.maps.Map（document.getElementById（'mapz'），{
 zoom：4，
 center：uluru 
}）; 
 var marker = new google.maps.Marker（{
 position：uluru，
 map：map 
}）; 
} 
< / script> 
  

Im trying to display google map on my website. Here is the code:-

<script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('mapz'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>

Here is the error displayed in the console:- message:"initMap is not a function" name:"InvalidValueError"

解决方案

Try the Below code. Hope It helps you..!

<script type="text/javascript" src = "http://maps.google.com/maps/api/js?key=MYAPIKEY&sensor=false">
<div id="mapz" style="width: 80%; height: 500px"></div>
<script>
 google.maps.event.addDomListener(window, 'load', initMap);
  function initMap() {
    var uluru = {lat: -25.363, lng: 131.044};
    var map = new google.maps.Map(document.getElementById('mapz'), {
      zoom: 4,
      center: uluru
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map
    });
  }
</script>

这篇关于即使提供API密钥，Google地图也不会显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！