小编rem*_*u19的帖子

如何使用select过滤一个数组中的Google Maps标记?

我在我的网站上使用一个数组实现了谷歌地图,如下所示:

var gmarkers1 = [];
var markers1 = [];

markers1 = [
['0', 'Title', 52.4357808, 4.991315699999973],
['1', 'Title', 52.4357808, 4.991315699999973],
['2', 'Title', 52.4555687, 5.039231599999994],
];
Run Code Online (Sandbox Code Playgroud)

在这个例子中有3个标记,但实际上还有更多.为了我的目的,这是唯一的方法(一个数组).

问题:我希望能够使用选择框在此数组中进行过滤.因此,用户从选择中选择"汽车",而Google地图仅显示带有属性(?)"汽车"的标记.

标记显示如下:

for (i = 0; i < markers1.length; i++) {
    var category;
    var pos = new google.maps.LatLng(markers1[i][2], markers1[i][3]);
    var content = markers1[i][1];
    bounds.extend(pos);
    marker1 = new google.maps.Marker({
        position: pos,
        map: map,
        icon: image1
    });

    gmarkers1.push(marker1);
    // [START]-Event listener to center view and go to position
    google.maps.event.addListener(marker1, 'click', (function(marker1, content) {
        return function() { …
Run Code Online (Sandbox Code Playgroud)

arrays google-maps google-maps-api-3 google-maps-markers drop-down-menu

4
推荐指数
1
解决办法
2万
查看次数