Javascript 据说,谷歌地图节点内容的InfoWindow不起作用
是的,在信息窗口中 不幸的是,当我尝试设置节点时,它不起作用:Javascript 据说,谷歌地图节点内容的InfoWindow不起作用,javascript,jquery,google-maps,infowindow,Javascript,Jquery,Google Maps,Infowindow,是的,在信息窗口中 不幸的是,当我尝试设置节点时,它不起作用: var point; point = new google.maps.LatLng(43.65654, -79.90138); // html = 'hello world'; html = $('<div>hello world</div>'); var marker = new google.maps.Marker({ position: point,
var point;
point = new google.maps.LatLng(43.65654, -79.90138);
// html = 'hello world';
html = $('<div>hello world</div>');
var marker = new google.maps.Marker({
position: point,
map: map
});
google.maps.event.addListener(marker, 'click', function () {
infowindow.setContent(html);
infowindow.open(map, marker);
});
var点;
point=new google.maps.LatLng(43.65654,-79.90138);
//html='helloworld';
html=$('hello world');
var marker=new google.maps.marker({
位置:点,,
地图:地图
});
google.maps.event.addListener(标记,'click',函数(){
setContent(html);
信息窗口。打开(地图、标记);
});
JSFIDLE在这里:
单击“已标记”,您将看不到任何显示。如果您将html
变量赋值更改为注释赋值,它将起作用。$('hello world')
不是一个HTML节点,它是一个JQuery对象
使用$('hello world')[0]
获取API可以使用的内容
代码片段:
var-map=null;
var infowindow=new google.maps.infowindow();
函数初始化(){
变量myOptions={
缩放:8,
中心:新google.maps.LatLng(43.907787,-79.359741),
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map(document.getElementById(“map_canvas”),
肌肽);
google.maps.event.addListener(映射,'click',函数(){
infowindow.close();
});
//向地图添加标记
//使用信息窗口设置三个标记
var点;
point=new google.maps.LatLng(43.65654,-79.90138);
//html='helloworld';
html=$('hello world')[0];
var marker=new google.maps.marker({
位置:点,,
地图:地图
});
google.maps.event.addListener(标记'click',函数(){
setContent(html);
信息窗口。打开(地图、标记);
});
google.maps.event.trigger(标记“click”);
}
初始化()代码>
html,
身体{
身高:100%;
}
#地图画布{
宽度:100%;
身高:100%;
}
$(“你好世界”)
不是一个HTML节点,它是一个JQuery对象
使用$('hello world')[0]
获取API可以使用的内容
代码片段:
var-map=null;
var infowindow=new google.maps.infowindow();
函数初始化(){
变量myOptions={
缩放:8,
中心:新google.maps.LatLng(43.907787,-79.359741),
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map(document.getElementById(“map_canvas”),
肌肽);
google.maps.event.addListener(映射,'click',函数(){
infowindow.close();
});
//向地图添加标记
//使用信息窗口设置三个标记
var点;
point=new google.maps.LatLng(43.65654,-79.90138);
//html='helloworld';
html=$('hello world')[0];
var marker=new google.maps.marker({
位置:点,,
地图:地图
});
google.maps.event.addListener(标记'click',函数(){
setContent(html);
信息窗口。打开(地图、标记);
});
google.maps.event.trigger(标记“click”);
}
初始化()代码>
html,
身体{
身高:100%;
}
#地图画布{
宽度:100%;
身高:100%;
}