jsFiddle 中的谷歌地图答案

【问题标题】：Google maps in jsFiddlejsFiddle 中的谷歌地图
【发布时间】：2012-12-03 11:03:17
【问题描述】：

我正在尝试在 jsFiddle 中实现 Google 地图以提出另一个问题，但我看不到地图： http://jsfiddle.net/hashie5/aknYP/

我已在资源中添加了 gmap 脚本

如何在 jsFiddle 中显示地图？

function initialize() {
var myLatlng = new google.maps.LatLng(50.965049,5.484231);
var myOptions = {
  zoom: 14,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var contentString = 
    '<div id="infowindow">' +
    'Galaconcert<br />' +
    'Jaarbeurslaan 2-6<br />' +
    '3690 Genk' +
    '</div>'
;

var infowindow = new google.maps.InfoWindow();

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title: 'Galaconcert'
});
google.maps.event.addListener(marker, 'click', function() {
    infowindow.setContent(contentString);
    infowindow.open(map, marker);
});
}

【问题讨论】：

你永远不会打电话给initialize()

标签： javascript google-maps jsfiddle

【解决方案1】：

正如here红框中“添加资源”下的解释：

警告：jsFiddle 正在通过延期。如果您想使用动态资源，请添加一个虚拟资源获取变量，即http://example.com/download/js/dynamically.js?somevar=somevalue&dummy=.js。这将欺骗 jsFiddle 将其识别为 JavaScript 资源。

因此，要让 jsFiddle 识别 Google Maps API（确实没有 .js 扩展名），您需要将其添加为资源：http://maps.googleapis.com/maps/api/js?sensor=false&dummy=.js（这当然是除了调用初始化之外）

Updated fiddle.

【讨论】：

没错，很明显 jsfiddle 不会永远存储所有脚本，但是我的答案不包含代码更改，只是更改了包含的资源。
@rbp 原来这里的 OP 手动删除了他的小提琴，这不是 jsFiddle 的错。请参阅 jsFiddle 创建者的this comment。
感谢dummy=.js :)

【解决方案2】：

你去http://jsfiddle.net/aknYP/4/

您从未调用过initialize()，也从未加载过 JS Google Maps API

【讨论】：

+1 ，似乎 jsfiddle 中的一个错误 http://maps.google.com/maps/api/js?sensor=false 在添加到 Manage Resources 侧窗格时不起作用，但在将其设置为