我知道已经有一些关于这个主题的问题,但没有提供的答案解决了这个问题。在搜索了一半的互联网后,我迫切希望得到帮助。
地图开始加载半秒然后显示灰色的错误屏幕,在控制台中我从谷歌获得了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