简单的谷歌地图不适用于JsFiddle

时间:2015-07-14 20:53:14

标签: javascript google-maps jsfiddle

有人可以指导我如何在JsFiddle中创建基本的Google地图吗?

var myCenter=new google.maps.LatLng(51.508742,-0.120850);
function initialize(){
var mapProp = {
  center:myCenter,
  zoom:15,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
var marker=new google.maps.Marker({
  position:myCenter,
  });
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);

链接到JsFiddle https://jsfiddle.net/doublezed2/dvoav0ng/20/

谢谢, 祖拜尔

1 个答案:

答案 0 :(得分:3)

Google正在使用自己的事件监听器界面,而JSFiddle正在尝试在jQuery onLoad事件处理程序中执行您的代码

要使其正常工作,您需要直接在<head>

中执行地图代码

https://jsfiddle.net/dvoav0ng/24/

这可以通过设置选项No wrap - in <head>

来完成