javascript - 谷歌地图通过我的标记搜索

Question

所以我放置了两个标记(会更多)，并且我的 map 上方有一个搜索栏。我希望能够使用此搜索栏来搜索关键字，并使 map 以这些关键字为中心。我假设我会按照将自定义标签添加到我的标记中作为关键字的方式做一些事情，但我不确定这将如何工作，因为我是在 for 循环中创建我的标记。我真的不知道如何开始实现这样的事情。但这是我要使用的代码:

var locations = [
            ['Passage Island', 49.343085, -123.305938, 'http://tylerkohlhaas.github.io/waterscout/passage.html'],
            ['Point Atkinson', 49.329925, -123.264994, 'http://tylerkohlhaas.github.io/waterscout/patkinson.html']
        ];
var i;

        for(i=0; i < locations.length; i++)
        {
            var markers = new google.maps.Marker({
                position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
                map: map,
                clickable: true,
                url: locations[i][3],
                zIndex: 1
            });

            google.maps.event.addListener(markers, 'click', function(){
                window.location.href = this.url; 
            });
        }

我的搜索栏的 html 非常基础:

<form>
            <input type="search", class="SearchBar", placeholder="Search for an area", name="Search", target="_self", size=50>

如有任何帮助或建议，我们将不胜感激!

Answer 1

你可以这样做:

var locations = [
        ['Passage Island', 49.343085, -123.305938, 'http://tylerkohlhaas.github.io/waterscout/passage.html',['tag1','tag2']],
        ['Point Atkinson', 49.329925, -123.264994, 'http://tylerkohlhaas.github.io/waterscout/patkinson.html',['tag3','tag4']]
    ];
    var i;
    var markerArray=[];

    for(i=0; i < locations.length; i++)
    {
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
            map: map,
            clickable: true,
            url: locations[i][3],
            zIndex: 1,
            searchTag: locations[i][4],
            searchName: locations[i][0]
        });

        google.maps.event.addListener(marker, 'click', function(){
            window.location.href = this.url; 
        });
        markerArray.push(marker);
    }

在您的搜索功能中，您将使用 markerArray 中的 searchTag 和 searchName 字段。 IE。如果你想查看第一个标记，你将使用类似 markerArray[0]['searchTag']

的东西