Javascript 未捕获类型错误:google.maps.infoWindow不是构造函数
当我试图实现一个谷歌地图标记时,我遇到了这个错误,无法摆脱它 错误: 未捕获类型错误:google.maps.infoWindow不是构造函数 在addMarker(functions.js:25)Javascript 未捕获类型错误:google.maps.infoWindow不是构造函数,javascript,google-maps,Javascript,Google Maps,当我试图实现一个谷歌地图标记时,我遇到了这个错误,无法摆脱它 错误: 未捕获类型错误:google.maps.infoWindow不是构造函数 在addMarker(functions.js:25) at window.onload(functions.js:36) 我的代码: window.onload = function(){ var map; function initialize(){ var mapProp = { cente
at window.onload(functions.js:36) 我的代码:
window.onload = function(){
var map;
function initialize(){
var mapProp = {
center: new google.maps.LatLng(-27.648598,-48.577423),
scrollwheel: false,
zoom: 14,
mapTypeId:google.maps.MapTypeId.SATELLITE
}
map = new google.maps.Map(document.getElementById("mapa"),mapProp);
}
function addMarker(lat,long,icon,content){
var latLng = {'lat':lat,'lng':long};
var marker = new google.maps.Marker({
position:latLng,
map:map,
icon:icon
});
var infoWindow = new google.maps.infoWindow({
content:content,
maxWidth:200,
pixelOffSet: new google.maps.Size(0,20)
});
infoWindow.open(map,marker);
}
initialize();
addMarker(-27.616637,-48.5923228,'','address');
}
您的代码中有一个输入错误。JavaScript区分大小写,构造函数中的
InfoWindow
应大写google.maps.infoWindow
与google.maps.infoWindow
工作代码片段:
window.onload=function(){
var映射;
函数初始化(){
var mapProp={
中心:新google.maps.LatLng(-27.648598,-48.577423),
滚轮:错误,
缩放:14,
mapTypeId:google.maps.mapTypeId.SATELLITE
}
map=新的google.maps.map(document.getElementById(“mapa”),mapProp);
}
功能addMarker(横向、纵向、图标、内容){
var latLng={'lat':lat,'lng':long};
var marker=new google.maps.marker({
位置:latLng,
地图:地图,
图标:图标
});
var infoWindow=new google.maps.infoWindow({
内容:内容,,
最大宽度:200,
pixelOffSet:new google.maps.Size(0,20)
});
信息窗口。打开(地图、标记);
}
初始化();
addMarker(-27.616637,-48.5923228,,“地址”);
}
html,
身体{
身高:100%;
宽度:100%;
填充:0px;
边际:0px;
}
#马帕{
身高:100%;
}
我建议您阅读文档中非常基本的部分。没有window.onload()
-相反,他们使用一个回调参数加载api,该参数设置为inititalize
,当maps api脚本加载后,该参数将调用initialize
函数。为什么要使用onload
和initAutocomplete
回调参数(并放置lib)?只是打字/复制粘贴错误。感谢您识别,现在已修复。