gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 12:20:03 26 4
gpt4 key购买 nike

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

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com