我正在尝试在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);
});
}
答案 0 :(得分:11)
如红色框中“添加资源”下的here所述:
警告: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(这当然是调用initialize)
答案 1 :(得分:2)
你去http://jsfiddle.net/aknYP/4/
您从未致电initialize()
,也未加载JS Google Maps API