Карты Google в jsFiddle

Я пытаюсь реализовать карты Google в jsFiddle, чтобы задать другой вопрос, но не вижу карту: 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);
});
}

person Ruben    schedule 03.12.2012    source источник
comment
Вы никогда не звоните initialize()   -  person David Hellsing    schedule 03.12.2012


Ответы (2)


Вот и все, http://jsfiddle.net/aknYP/4/

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

person davids    schedule 03.12.2012
comment
+1, кажется, ошибка в jsfiddle, что http://maps.google.com/maps/api/js?sensor=false не работает при добавлении на боковой панели Управление ресурсами, но работает при установке в теге ‹script›, как и вы. - person Nelson; 03.12.2012

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

Предупреждение: 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 (конечно, помимо вызова инициализации)

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

person Shadow Wizard Wearing Mask V2    schedule 03.12.2012
comment
Правда, было очевидно, что jsfiddle не будет хранить все скрипты вечно, однако мой ответ не содержит изменения кода, просто изменения во включенном ресурсе. - person Shadow Wizard Wearing Mask V2; 24.04.2013
comment
@rbp оказывается, что ОП здесь вручную удалил свои скрипки, это не ошибка jsFiddle. См. этот комментарий автора jsFiddle создатель. - person Shadow Wizard Wearing Mask V2; 24.04.2013
comment
Спасибо за dummy=.js :) - person Jacob Dam; 11.08.2013