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

I cannot load a proper google map in Jsfiddle

我正在努力让 this Jsfiddle 工作。我添加了适当的外部 google map API 调用。我不明白为什么我无法加载任何地图。我尝试剪切和粘贴其他五个 jsfiddle 项目,none 会加载。我有以下 "external resource"

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

我转到 google 开发人员控制台并添加了我的 jsfiddle url。我不知道发生了什么。

确切地说,我复制了工作示例,例如 this, this and this,但没有成功。除了地图之外的所有其他元素都有效,所以我显然没有正确地与 API 通信。从 Javascript 控制台我得到这个错误:

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

我查看了您的 JSFiddle - 在我的浏览器中查看开发人员控制台后,我注意到错误消息提到您导入 Google 地图 API 的次数过多。

我似乎无法在您的 fiddle 上解决这个问题,但是在将您的代码导入 CodePen 后,通过 UI 添加 Google API 资源并删除以下代码行,它工作正常:

<script src="https://maps.googleapis.com/maps/api/js"></script>

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

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

在应用程序的实际实现中,您需要将其导入。