1

別の質問をするために 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);
});
}
4

2 に答える 2

11

赤いボックスの「リソースの追加」の下で説明されているように:

警告: jsFiddle は拡張機能によってリソースのタイプを認識しています。動的リソースを使用する場合は、ダミーの GET 変数を追加してください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（これはもちろん初期化の呼び出しに加えてです）

フィドルを更新しました。

于 2012-12-03T11:22:38.217 に答える
2

どうぞhttp://jsfiddle.net/aknYP/4/

initialize()JS Google Maps APIを呼び出したりロードしたりしたことはありません

于 2012-12-03T11:10:23.517 に答える