javascript - 为什么 Google map RichMarker 库中的 zIndex 不起作用?

标签 javascript arrays google-maps

我有以下用于在谷歌地图(link)中创建自定义标记的文档,并创建如下代码(richmarker(link)的文档):

var locations = [
    ['LocA', 45.65, 15.2, 4],
    ['LocB', 45.57, 13.87, 2],
    ['LocC', 46.05, 14.68, 1],
    ['LocD', 46.43, 15.75, 5],
    ['LocE', 46.4, 13.85, 3]            
];

setMarkers(map, locations);

function setMarkers(map, location){

    for(var i = 0; i < location.length; i++){
      var loc = location[i];
      var coordinate = new google.maps.LatLng(loc[1], loc[2]);
      var marker = new RichMarker({
          position: coordinate,
          map: map,
          zIndex: loc[3],
          content:'<div class="myClass">'...+'</div>'
      });
    }           
}

据我在 zIndex 中的理解:loc[3] 意味着它获取数组“位置”中的元素,这是我的数组中的数字 (1,2,3,4,5):例如对于第一个(0 行) ) LocA 是名称,45.65 是纬度,15.2 是经度,4 是 zIndex 编号。

但是在我的例子中 zIndex 不起作用。正如我们所看到的,“LocC”应该位于所有标记的顶部,后面应该是“LocB”、“LocE”、“LocA”和“LocD”。 但是创建的顺序是:在顶部是:LocA,LocB,LocC,LocD,LocE,顺序是数组中的顺序,所以如果我把例如在我的“位置”数组中,LocC 在 LocA 之后,“LocC”将位于顶部。那么为什么 zIndex 在我的情况下不起作用 - 标记的位置取决于数组中的位置?

请接受任何建议。

最佳答案

如果你看the code for RichMarker您将看到没有 zIndex 选项(与 native 谷歌地图标记的工作方式不同)。您可以使用 setZIndex 方法来设置标记的 zIndex。

关于javascript - 为什么 Google map RichMarker 库中的 zIndex 不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29866994/

相关文章:

javascript - 为什么 Kendo UI destroy 方法会删除所有子部件?

javascript - 连接建立后,websocket 可以访问防火墙/路由器后面的设备吗?

android - 谷歌地图在 Release模式下未在 Android 上显示

python - for循环中的自定义排序

java - 在java中比较二维整数数组的最佳方法

java - Google map V2 中不显示多个标记

javascript - 如果与 GeoJSON 层一起使用, map 标签的 zIndex 无效

javascript - 缩短窄屏幕的菜单项名称

javascript - 如何使用纯 JavaScript 将 XML 文件中的数据解析为 HTML 表?

php - 序列化 POST 数组,以便 Cake PHP 可以插入 MySQL 数据库