Google maps 从外部链接打开google信息框

Google maps 从外部链接打开google信息框,google-maps,infobox,Google Maps,Infobox,这是我的示例代码。我想在点击链接时打开信息框 代码片段: 函数初始化(){ var loc、地图、标记、信息框; loc=新的google.maps.LatLng(-33.890542151.274856); map=new google.maps.map(document.getElementById(“map”){ 缩放:12, 中心:loc, mapTypeId:google.maps.mapTypeId.ROADMAP }); marker=新的google.maps.marker(

这是我的示例代码。我想在点击链接时打开信息框

代码片段:

函数初始化(){
var loc、地图、标记、信息框;
loc=新的google.maps.LatLng(-33.890542151.274856);
map=new google.maps.map(document.getElementById(“map”){
缩放:12,
中心:loc,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
marker=新的google.maps.marker({
地图:地图,
位置:loc,
可见:正确
});
infobox=新的infobox({
内容:document.getElementById(“infobox”),
disableAutoPan:错,
最大宽度:150,
pixelOffset:new google.maps.Size(-140,0),
zIndex:null,
箱式:{
背景:“url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif“)不重复”,
不透明度:0.75,
宽度:“280px”
},
closeBoxMargin:“12px 4px 2px 2px”,
closeBoxURL:“http://www.google.com/intl/en_us/mapfiles/close.gif",
infoBoxClearance:new google.maps.Size(1,1)
});
google.maps.event.addListener(标记'click',函数(){
打开(地图,这个);
潘托地图(loc);
});
}
google.maps.event.addDomListener(窗口“加载”,初始化)
.infobox包装器{
显示:无;
}
#信息箱{
边框:2件纯黑;
边缘顶部:8px;
背景:#333;
颜色:#FFF;
字体系列:Arial、Helvetica、无衬线字体;
字体大小:12px;
填充物:5em 1em;
-webkit边界半径:2px;
-moz边界半径:2px;
边界半径:2px;
文本阴影:0-1px#000000;
-网络工具包盒阴影:0 0 8px#000;
盒影:0 0 8px#000;
}


信息框的内容。它很容易创建和定制。
一个选项是触发标记上的单击事件。要做到这一点(在HTML单击事件中使用它),标记需要在全局范围内(在任何函数定义之外)

另一种选择是在DOM对象上使用,但它必须有一个id或以某种方式获取对它的引用

var标记;//在全球范围内
函数初始化(){
//这些是初始化函数的本地属性
var loc、地图、信息框;
loc=新的google.maps.LatLng(-33.890542151.274856);
map=new google.maps.map(document.getElementById(“map”){
缩放:12,
中心:loc,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
marker=新的google.maps.marker({
地图:地图,
位置:loc,
可见:正确
});
infobox=新的infobox({
内容:document.getElementById(“infobox”),
disableAutoPan:错,
最大宽度:150,
pixelOffset:new google.maps.Size(-140,0),
zIndex:null,
箱式:{
背景:“url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif“)不重复”,
不透明度:0.75,
宽度:“280px”
},
closeBoxMargin:“12px 4px 2px 2px”,
closeBoxURL:“http://www.google.com/intl/en_us/mapfiles/close.gif",
infoBoxClearance:new google.maps.Size(1,1)
});
google.maps.event.addListener(标记'click',函数(){
打开(地图,这个);
潘托地图(loc);
});
}
google.maps.event.addDomListener(窗口“加载”,初始化)
.infobox包装器{
显示:无;
}
#信息箱{
边框:2件纯黑;
边缘顶部:8px;
背景:#333;
颜色:#FFF;
字体系列:Arial、Helvetica、无衬线字体;
字体大小:12px;
填充物:5em 1em;
-webkit边界半径:2px;
-moz边界半径:2px;
边界半径:2px;
文本阴影:0-1px#000000;
-网络工具包盒阴影:0 0 8px#000;
盒影:0 0 8px#000;
}


信息框的内容。它很容易创建和定制。