Google maps 谷歌地图边栏点击让标记到地图中心

Google maps 谷歌地图边栏点击让标记到地图中心,google-maps,google-maps-api-3,sidebar,Google Maps,Google Maps Api 3,Sidebar,我想将此演示边栏单击“让标记”更改为“地图中心”, 我的所有代码有什么问题? 侧边栏鼠标悬停时,标记它始终不在中心 函数$(元素){ 返回单据.getElementById(元素); } var speedTest={}; speedTest.pics=null; speedTest.map=null; speedTest.markerClusterer=null; speedTest.markers=[]; speedTest.infoWindow=null; speedTest.init

我想将此演示边栏单击“让标记”更改为“地图中心”, 我的所有代码有什么问题? 侧边栏鼠标悬停时,标记它始终不在中心

函数$(元素){
返回单据.getElementById(元素);
}
var speedTest={};
speedTest.pics=null;
speedTest.map=null;
speedTest.markerClusterer=null;
speedTest.markers=[];
speedTest.infoWindow=null;
speedTest.init=函数(){
var latlng=新的google.maps.latlng(23.96612120.96626);
变量选项={
“缩放”:15,
“中心”:板条,
“mapTypeId”:google.maps.mapTypeId.ROADMAP,
};
/**
*如果设置了该选项,则触发clusterclick事件和缩放。
*/
aps.event.trigger(markerClusterer,'clusterclick',this.cluster);
if(markerClusterer.isZoomOnClick()){
//放大集群。
//this.map.fitBounds(this.cluster.getBounds());
//修改的放大功能
this.map_u.setZoom(markerClusterer.getMaxZoom()+17);
}
};
speedTest.map=new google.maps.map($('map'),选项);
speedTest.pics=data.photos;
var useGmm=document.getElementById('useGmm');
google.maps.event.addDomListener(使用gmm,'click',speedTest.change);
var numMarkers=document.getElementById('numMarkers');
google.maps.event.addDomListener(numMarkers,'change',speedTest.change);
speedTest.infoWindow=新建google.maps.infoWindow({
最大宽度:380,
pixelOffset:new google.maps.Size(0,-30),
});
speedTest.showmarks();
};
speedTest.showMarkers=函数(){
speedTest.markers=[];
var类型=1;
如果($('usegmm')。选中){
类型=0;
}
if(speedTest.markerClusterer){
speedTest.markerClusterer.clearMarkers();
}
变量面板=$('markerlist');
panel.innerHTML='';
var numMarkers=$('numMarkers')。值;
对于(变量i=0;i”+
'';
speedTest.infoWindow.setContent(infoHtml);
速度测试。信息窗口。设置位置(latlng);
speedTest.infoWindow.open(speedTest.map);
speedTest.map.setCenter(this.getPosition());
};
};
speedTest.clear=函数(){
$('timetake')。innerHTML='cleaning…';
for(var i=0,marker;marker=speedTest.markers[i];i++){
marker.setMap(空);
}
};
speedTest.change=函数(){
speedTest.clear();
speedTest.showmarks();
};
speedTest.time=函数(){
$('timetake')。innerHTML='timening…';
var start=新日期();
如果($('usegmm')。选中){
speedTest.markerClusterer=新的markerClusterer(speedTest.map、speedTest.markers);
}否则{
for(var i=0,marker;marker=speedTest.markers[i];i++){
marker.setMap(speedTest.map);
}
}
var end=新日期();
$('timetake')。innerHTML=end-start;
};
@charset“utf-8”;
/*CSS文档*/
身体{
保证金:0;
填充:0;
字体系列:Arial;
字体大小:14px;
}
#面板{
浮动:左;
宽度:自动;
高度:350px;
}
#地图容器{
左边距:300px;
身高:100%;
边际上限:0px;
右边距:自动;
边缘底部:0px;
}
#地图{
宽度:100%;
身高:100%;
}
#markerlist{
高度:自动;
溢出:自动;
边缘顶部:10px;
右边距:5px;
左边距:10px;
}
#马克主义者李{
列表样式类型:无;
}
.头衔{
边框底部:1px实心#e0ecff;
溢出:隐藏;
宽度:256px;
光标:指针;
填充:2px0;
显示:块;
颜色:#000;
文字装饰:无;
字体系列:“微軟正黑體";
字体大小:14px;
字号:700;
}
.标题:悬停{
背景:#e0ecff;
颜色:#F00;
}
.标题:目标{
背景:#000;
显示:块;
颜色:#F00;
}
#时间{
}
.info{
宽度:自动;
边缘底部:20px;
}
.info img{
边界:0;
}
.信息正文{
宽度:自动;
高度:200px;
线高:200px;
文本对齐:居中;
溢出:隐藏;
边缘顶部:2倍;
右边距:0;
左边距:0;
}
.info img{
高度:220px;
宽度:230px;
}
.当前{
文字装饰:下划线;
颜色:#039;
}
保险商实验室{
列表样式类型:无;
}
a{
文字装饰:无;
}
.123 {
颜色:#039!重要;
}
.选定{字体:粗体18px Arial,Helvetica,无衬线;颜色:#FF0000;}

MarkerClustererV3示例
变量脚本=“”