2012-12-03 26 views
1

我想實現的jsfiddle谷歌地圖來問另外一個問題,但我不能看地圖: http://jsfiddle.net/hashie5/aknYP/谷歌地圖中的jsfiddle

我已經添加了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); 
}); 
} 
+0

你永遠不會調用'初始化()' – David

回答

2

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

你從未打電話initialize()也不加載JS谷歌地圖API

+0

+1,這似乎是一個錯誤的認爲的jsfiddle'HTTP://maps.google.com/maps/api/js傳感器= FALSE'不添加時工作在**管理資源** sidepane但在

11

作爲一個紅盒子解釋here 「添加資源」 下:

警告:jsFiddle通過 擴展名來識別資源的類型。如果你想使用一個動態資源請添加一個虛擬 GET變量即http://example.com/download/js/dynamically.js?somevar=somevalue&dummy=.js。這將欺騙jsFiddle將其識別爲JavaScript資源。

因此,爲了使的jsfiddle承認谷歌地圖API(這的確不具有擴展名爲.js),你需要爲資源補充一點:http://maps.googleapis.com/maps/api/js?sensor=false&dummy=.js(這是除了調用初始化過程中)

Updated fiddle

+6

這個小提琴走了,太 – rbp

+0

誠然,這是明顯的jsfiddle不會存儲所有的腳本但是永遠我的回答不包含任何代碼的變化只是在包括資源改變。 –

+2

@rbp這裏原來的OP手動刪除他的小提琴,這不是故障的jsfiddle。通過創作者的jsfiddle參見[此評論](http://stackoverflow.com/questions/8171371/how-long-does-jsfiddle-host-your-code-for/8191278?noredirect=1#comment23144599_8191278)。 –