谷歌地图没有出现在烧瓶应用

问题描述：

我已经作出了瓶的应用程序，应该在技术上加载谷歌地图按他们的tutorial。谷歌地图没有出现在烧瓶应用

，但出乎我的意料，一切正常，局部和hosted on heroku并没有错误出现，但地图不负载。

<div id="map"></div> 

      <script type="text/javascript"> 
        var map; 
        function initMap() { 
         map = new google.maps.Map(document.getElementById('map'), { 
          center: {lat: {{lat}}, lng: {{lng}}}, 
          zoom: 16 
          }); 
         console.log("map function"); 
         console.log(map); 
        } 
      </script> 

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={{key}}&callback=initMap" async defer></script>

请看看的JavaScript控制台输出，你会看到两个打印，第一个说map函数第二个是经纬度传给initMap功能创建的地图对象。这意味着地图对象被创建，但没有更新地图ID的div！在Error Code listed谷歌网页上的

没有发生。

答

大多数这有什么做的API密钥的时代。确保您创建了一个正确的方式，并且已启用并正在运行。希望我帮助。

我已得到下creditentials谷歌控制台键，（我相信所有API密钥对不同类型的谷歌应用程序的工作），我有这限制了我主持的相同的域名。 –

API密钥应与您的目的相符。例如，如果您想要在Android设备和网站上添加Google地图，则必须为每个设备创建一个不同的密钥。其次，尽量不要限制你的钥匙。创建一个谷歌地图JavaScript键没有任何限制，并在您的网站中使用它。 –

你好@Apostolis，我不认为它是与API密钥，因为在控制台，将引发异常，我尝试和发现。不过，我在开幕式中增加了更多信息。 –

谷歌地图没有出现在烧瓶应用

相关推荐