Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图还支持InfoBox吗?_Javascript_Google Maps - Fatal编程技术网

Javascript 谷歌地图还支持InfoBox吗?

Javascript 谷歌地图还支持InfoBox吗?,javascript,google-maps,Javascript,Google Maps,我希望在谷歌地图上创建一个自定义的信息窗口,我相信创建一个信息框就是一种方法。然而,我在谷歌地图的文档中没有看到任何文档或对infoBox的引用。此功能是否已弃用?我应该改用自定义弹出窗口吗?该库从来都不是Google Maps Javascript API v3的一部分。它是一个第三方库,仍然可以在GitHub上使用 注意:在我的GitHub帐户中也可以使用: 代码片段(基本示例): 函数初始化(){ var secheltLoc=new google.maps.LatLng(49.47

我希望在谷歌地图上创建一个自定义的信息窗口,我相信创建一个信息框就是一种方法。然而,我在谷歌地图的文档中没有看到任何文档或对infoBox的引用。此功能是否已弃用?我应该改用自定义弹出窗口吗?

该库从来都不是Google Maps Javascript API v3的一部分。它是一个第三方库,仍然可以在GitHub上使用

注意:在我的GitHub帐户中也可以使用:

代码片段(基本示例):

函数初始化(){
var secheltLoc=new google.maps.LatLng(49.47216,-123.76307);
var myMapOptions={
缩放:15
,中心:secheltLoc
,mapTypeId:google.maps.mapTypeId.ROADMAP
};
var theMap=new google.maps.Map(document.getElementById(“Map_canvas”),myMapOptions);
var marker=new google.maps.marker({
地图:主题地图,
真的,
位置:新google.maps.LatLng(49.47216,-123.76307),
可见:正确
});
var-boxText=document.createElement(“div”);
boxText.style.cssText=“边框:1px纯黑色;页边距顶部:8px;背景:黄色;填充:5px;”;
boxText.innerHTML=“加拿大不列颠哥伦比亚省第二市政厅”;
变量myOptions={
内容:boxText
,disableAutoPan:false
,最大宽度:0
,pixelOffset:new google.maps.Size(-140,0)
,zIndex:null
,boxStyle:{
背景:“url('tipbox.gif')不重复”
,不透明度:0.75
,宽度:“280px”
}
,closeBoxMargin:“10px 2px 2px 2px”
,closeBoxURL:“https://www.google.com/intl/en_us/mapfiles/close.gif"
,infoBoxClearance:newgoogle.maps.Size(1,1)
,isHidden:错
,窗格:“浮动窗格”
,enableEventPropagation:false
};
google.maps.event.addListener(标记“单击”,函数(e){
ib.open(theMap,this);
});
var ib=新信息框(myOptions);
ib.open(地图、标记);
}
google.maps.event.addDomListener(窗口“加载”,初始化)
html,正文{
宽度:100%;
身高:100%;
填充:0;
保证金:0;
}
#地图画布{
宽度:100%;
身高:100%;
}



此示例显示了“传统”使用信息框替换信息窗口。
在我的GitHub帐户中添加了有关复制的信息,工作代码片段。请注意,GitHub项目中有一些示例,关于StackOverflow的其他问题中也有一些示例。如果您发现一个由于库的移动而不再工作,则可以对其进行修复。