我无法在Jsfiddle中加载正确的谷歌地图

时间:2016-06-23 15:58:51

标签: javascript google-maps jsfiddle

我想让this Jsfiddle开始工作。我添加了适当的外部谷歌地图API调用。我无法弄清楚为什么我无法加载任何地图。我尝试切割和粘贴其他五个jsfiddle项目,没有人会加载。我有以下作为"外部资源"

https://maps.googleapis.com/maps/api/js 

我去了谷歌开发者控制台并添加了我的jsfiddle网址。我不知道发生了什么。

确切地说,我复制了诸如thisthisthis之类的工作示例而没有运气。除了地图之外的所有其他元素都工作,所以我显然没有正确地与API通信。从Javascript控制台我收到此错误:

Google Maps API warning: NoApiKeys     https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

1 个答案:

答案 0 :(得分:1)

我查看了你的JSFiddle - 在浏览器中查看了开发人员的控制台后,我发现错误消息提到你已经多次导入了Google Maps API。

我无法在您的小提琴上解决此问题,但在将代码导入CodePen后,通过UI添加Google API资源并删除以下代码行,它运行良好:



<script src="https://maps.googleapis.com/maps/api/js"></script>
&#13;
&#13;
&#13;

我的CodePen链接在这里: http://codepen.io/jarodsmk/pen/beBXBb

请注意,使用CodePen和JSFiddle等在线编辑器中的外部资源,您只需要在代码中或通过编辑器的UI导入一次:)

在实际应用中,您需要导入它。