Google maps 将OverlappingMarkerSpidifier与我们的代码集成

Google maps 将OverlappingMarkerSpidifier与我们的代码集成,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我和我的团队正在进行一个小组项目,该项目在德克萨斯州大学站周围绘制事件。大多数标记位于一个坐标上,因此我们正在尝试将代码与我们的代码集成,但我不太确定如何做到这一点。有人能帮忙吗 代码在大部分情况下都有效,或者至少标记可以在需要的地方填充,我可以得到一个信息窗口来弹出最上面的标记。主要问题是(从上面的网站)找出如何改变这一点: for(var i=0;i

我和我的团队正在进行一个小组项目,该项目在德克萨斯州大学站周围绘制事件。大多数标记位于一个坐标上,因此我们正在尝试将代码与我们的代码集成,但我不太确定如何做到这一点。有人能帮忙吗

代码在大部分情况下都有效,或者至少标记可以在需要的地方填充,我可以得到一个信息窗口来弹出最上面的标记。主要问题是(从上面的网站)找出如何改变这一点:

for(var i=0;ioms.addMarker(marker);//您的代码有许多问题:

  • oms
    声明为全局变量,只有一个实例,这样便于使用
  • iconWithColor
    未定义
  • 阴影
    未定义
  • spiderfy侦听器上,您正在调用
    iw.close();
    iw
    未定义,也不是在
    单击
    侦听器中添加的。将函数体更改为
    infoWindow.close();
例如,may可以帮助您:


#地图画布{
高度:300px;
边际:0px;
填充:300px;
}
var映射;
var oms;
//创建信息窗口(只需一个)
var infowindow=new google.maps.infowindow();
函数初始化(){
变量映射选项={
缩放:12,
中心:新google.maps.LatLng(30.628769,-96.334816)
};
//大学站的负荷和中心图
map=new google.maps.map(document.getElementById('mapcanvas')、mapOptions);
oms=新重叠标记器(map);
//侦听器只需注册一次
oms.addListener('click',函数(标记,事件){
infowindow.setContent(marker.description);
信息窗口。打开(地图、标记);
});
oms.addListener('spiderfy',函数(标记){
对于(var i=0;i坐标:“+items.lat+items.long+”类别:“+items.Category+””;
//信息窗口内容

var contentString='您的代码存在许多问题:

  • oms
    声明为全局变量,只有一个实例,这样便于使用
  • iconWithColor
    未定义
  • 阴影
    未定义
  • spiderfy侦听器上,您正在调用
    iw.close();
    iw
    未定义,也不是在
    单击
    侦听器中添加的。将函数体更改为
    infoWindow.close();
例如,may可以帮助您:


#地图画布{
高度:300px;
边际:0px;
填充:300px;
}
var映射;
var oms;
//创建信息窗口(只需一个)
var infowindow=new google.maps.infowindow();
函数初始化(){
变量映射选项={
缩放:12,
中心:新google.maps.LatLng(30.628769,-96.334816)
};
//大学站的负荷和中心图
map=new google.maps.map(document.getElementById('mapcanvas')、mapOptions);
oms=新重叠标记器(map);
//侦听器只需注册一次
oms.addListener('click',函数(标记,事件){
infowindow.setContent(marker.description);
信息窗口。打开(地图、标记);
});
oms.addListener('spiderfy',函数(标记){
对于(var i=0;i坐标:“+items.lat+items.long+”类别:“+items.Category+””;
//信息窗口内容

var contentString='您的代码存在许多问题:

  • oms
    声明为全局变量,只有一个实例,这样便于使用
  • iconWithCo
    
    for (var i = 0; i < window.mapData.length; i ++) {
      var datum = window.mapData[i];
      var loc = new L.LatLng(datum.lat, datum.lon);
      var marker = new L.Marker(loc);
      marker.desc = datum.d;
      map.addLayer(marker);
      oms.addMarker(marker);  // <-- here
    }