简单 Google 地图在 JsFiddle 中不起作用

Question

有人可以指导我如何在 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);

Link 到 JsFiddle https://jsfiddle.net/doublezed2/dvoav0ng/20/

谢谢，祖拜尔

Answer 1

Google 使用自己的事件侦听器接口，而 JSFiddle 试图在 jQuery onLoad 事件处理程序

中执行您的代码

要让它生效，你需要直接在<head>中执行地图代码：

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

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

完成的

简单 Google 地图在 JsFiddle 中不起作用

Simple Google Map not working in JsFiddle

javascript

google-maps

jsfiddle