Карты Google в jsFiddle

Я пытаюсь реализовать карты Google в jsFiddle, чтобы задать другой вопрос, но я не вижу карту: http://jsfiddle.net/hashie5/aknYP/

Я добавил gmap script в ресурсы

Как показать карту в 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);
});
}

Ответ 1

Там вы идете http://jsfiddle.net/aknYP/4/

Вы никогда не звонили initialize() и не загружали API API Карт Google

Ответ 2

Как описано здесь в разделе "Добавить ресурсы" в красном поле:

Предупреждение: jsFiddle распознает тип ресурса с помощью расширение. Если вы хотите использовать динамический ресурс, добавьте манекен GET, т.е. http://example.com/download/js/dynamically.js?somevar=somevalue&dummy=.js. Это приведет к тому, что jsFiddle распознает его как ресурс JavaScript.

Итак, чтобы jsFiddle распознал API Карт Google (у которого действительно нет расширения .js), вам нужно добавить это как ресурс: http://maps.googleapis.com/maps/api/js?sensor=false&dummy=.js (Это в дополнение к вызову инициализации, конечно)

Обновлена ​​скрипка.