如何在JSFiddle中正确加载google map api?

时间:2015-01-15 03:19:23

标签: google-maps google-maps-api-3

  • 我已经在Google上注册了我的项目以获得API_KEY。
  • 我已在API控制台中启用了Google MAP API。见这里

enter image description here

  • 我已经将引用设置为我的JSFiddle帐户。

    [ http://jsfiddle.net/bheng/* ]

此处链接LINK

我不知道为什么,它没有加载地图。

我做错了什么?

2 个答案:

答案 0 :(得分:1)

您未加入Google Maps Javascript API。请注意,您不需要一个键(特别是对于jsfiddle)。将其添加到"外部资源":

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

在" Frameworks&扩展":

http://jsfiddle.net/9wc30ndf/2/

但你也需要阅读信息(你错过了" q =")

http://jsfiddle.net/9wc30ndf/3/

答案 1 :(得分:0)

您需要使用*fiddle.jshell.net/bheng/*作为您的browser-API-key的referrer表达式,因为jsfiddle从此域加载JS源代码(请参阅referer request-header)。