无法解决ng-map上的MissingKeyMapError

时间:2017-08-11 19:10:41

标签: angular google-maps-api-3 ng-map

我知道已经有一些关于这个主题的问题,但没有提供的答案解决了这个问题。在搜索了一半的互联网后,我迫切希望得到帮助。

地图开始加载半秒然后显示灰色的错误屏幕,在控制台中我从谷歌获得了MissingKeyMapError。

我在html中使用以下代码:

<div map-lazy-load="https://maps.google.com/maps/api/js" 
     map-lazy-load-params="https://maps.googleapis.com/maps/api/js?key=MY_HARDCODED_KEY">
        <ng-map class="map" 
                center="{{main.map.center.latitude}},{{main.map.center.longitude}}" 
                zoom="{{main.map.zoom}}" 
                map-Type-Control="false" 
                map-type-id="TERRAIN" 
                street-view-control="false">
        </ng-map>
</div>

我甚至将密钥硬编码以消除可能的故障点。据我所知,这与https://github.com/allenhwkim/angularjs-google-maps中的文档完全相同。我没有在项目的任何地方使用aditional脚本标记。谁能看到我做错了什么?

感谢任何帮助

编辑:

在使用gulp服务在我的本地计算机(Windows 10)上进行测试时,它可以正常工作。但是当我在服务器上部署(使用gulp构建)(ubuntu 14.04 LTS)时,我得到了MissingKeyMapError

0 个答案:

没有答案