以编程方式关闭/隐藏/删除Google地图工具提示

时间:2013-12-03 09:20:10

标签: javascript google-maps extjs google-maps-api-3 geoxml3

我有一个地图页面,它使用Google Maps Javascript API v3和geoxml3解析器来解析服务器生成的KML文档。

当我使用新的KML刷新地图时,我想在显示新文件之前“清理”地图。

我的代码目前的工作原理如下:

//Init parser
var myParser = new geoXML3.parser({map: me.map});

//On map refresh
if (myParser.docs[0] != undefined)
{
    Ext.each(myParser.docs, function(doc){
        Ext.each(doc.gpolygons, function(gpolygon){
            gpolygon.setMap(null);
        });
        Ext.each(doc.placemarks, function(placemark){
            if (placemark.polygon != undefined) placemark.polygon.setMap(null);
            if (placemark.marker != undefined) placemark.marker.setMap(null);
        });
    });
}

成功清除多边形和地标。但是,如果在清理地图之前单击多边形,则工具提示仍然存在。这是一个截图

Screenshot of map

如果您看到地标“004_ALBINO”,则刷新地图后会清除多边形。在刷新地图之前显示了另一个工具提示“400”,并且没有清理 - 至少它本身下面有一个有效的多边形。

如何更新地图时关闭工具提示?

1 个答案:

答案 0 :(得分:0)

这应该关闭geoxml3拥有的任何infowindows(应该处理两个case,singleInfowindow或每个对象的infowindow)。您不需要在gpolygons数组的所有成员和所有placemark.polygon对象上调用.setMap(null),这两种方法可以做同样的事情。

//Init parser
var myParser = new geoXML3.parser({map: me.map});

//On map refresh
if (myParser.docs[0] != undefined)
{
    Ext.each(myParser.docs, function(doc){
        Ext.each(doc.placemarks, function(placemark){
            if (placemark.polygon != undefined) {
              placemark.polygon.setMap(null);
              placemark.polygon.infoWindow.close();
            }
            if (placemark.marker != undefined) {
              placemark.marker.setMap(null);
              placemark.marker.infoWindow.close();
            }
        });
    });
}