javascript - 简单的谷歌地图在 JsFiddle 中不起作用-6ren

javascript - 简单的谷歌地图在 JsFiddle 中不起作用

转载作者：行者123 更新时间：2023-11-30 12:20:03

有人可以指导我如何在 JsFiddle 中创建基本的 Google map 吗？

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/

谢谢，祖拜尔

最佳答案

Google 使用自己的事件监听器接口(interface)，而 JSFiddle正在尝试在 jQuery 中执行您的代码onLoad事件处理器

要让它工作，你需要直接在<head>中执行 map 代码。 :

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

这是通过设置选项 No wrap - in <head> 来完成的

关于javascript - 简单的谷歌地图在 JsFiddle 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31417127/