javascript - 单个标记卡在 Fusion Tables 图层中的多边形下方

Question

所以在我看来，这也许是一个非常不起眼的错误。

我正在为即将举行的魁北克选举绘制 map 。可以看到here

所以我建立了一个包含所有骑行多边形的融合表，并且我已经开始为感兴趣的骑行添加点。它们都工作得很好——除了一个。如果放大蒙特利尔(特别是拉瓦尔)周围的区域，就会发现一个蓝点卡在红色多边形后面，而且根本无法点击。

我尝试过使用所有标记的 zindex，但运气不佳。这就是我正在做的事情:

var layer = new google.maps.FusionTablesLayer({
    query: 
    {
        select: 'Geocodable address',
        from: '4722124'
    },
    styles: 
    [
        {
            markeroptions: { zindex: 1, }
        }, 
        {
            polygonOptions: { zindex: 2, }
        }
    ]
});

layer.setMap(map);

除此之外，我不完全确定该怎么做。其余的标记工作正常。

目前，我只是将点手动插入融合表中。我应该使用 CSS 删除它们并以这种方式编辑 zindex 吗？ (假设这只是一个小故障，没有其他解决方案。)

谢谢!

Answer 1

我知道强制标记位于顶部的唯一方法是将它们放在单独的层中

var layer1 = new google.maps.FusionTablesLayer({
  query: {
    select: 'Geography',
    where: "Marker does not contain '_'",
    from: '4749709' // '4722124'
 }});
layer1.setMap(map);
var layer2 = new google.maps.FusionTablesLayer({
  query: {
    select: 'Geography',
    where: "Marker contains '_'",
    from: '4749709' // '4722124'
 }});
layer2.setMap(map);

Working example

这有可能同时显示两个信息窗口的缺点。解决这个问题的方法是自己管理信息窗口。

Working example with single infowindow