导致链接平移并打开地图中的标记

JSFiddle：http://jsfiddle.net/megatimes/NVDLf/7/ http://jsfiddle.net/megatimes/NVDLf/7/

我有一张地图，它从数组创建多个标记。 地图下方是一些链接，单击这些链接时，我想让地图平移到其各自的标记，并打开信息窗口。

鉴于我不想生成链接本身作为创建标记的循环的一部分，我该如何做到这一点？

我相当确定这是一个范围问题，因为地图下方的链接每个都会打开位置数组中的最后一项，但我似乎不知道如何解决它。

Thanks

var locations = [
    [
    "Location 1",
     "215 West Girard Avenue 19123",
    "39.9695601",
    "-75.1395161"
    ],
    [
    "Location 2",
    "5360 Old York Road 19141",
    "40.034038",
    "-75.145223"
    ],
    [
    "Location 3",
    "1350 W Girard Avenue 19123",
    "39.9713524",
    "-75.1590360"
    ]
    ];


var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 12,
    center: new google.maps.LatLng(39.9995601, -75.1395161),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow();

var marker, i;

for (i = 0; i < locations.length; i++) {
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][2], locations[i][3]),
        map: map
    });

    google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
            infowindow.setContent(locations[i][0]);
            infowindow.open(map, marker);
        }
    })(marker, i));
}


$(function() {
    $('#locations h3 a').each(function() {
        $(this).on('click', function() {
            google.maps.event.trigger(marker, 'click');    
        })    
      });    
}); 

<div id="map" style="width: 500px; height: 400px;"></div>
<div id="locations">
    <h3><a href="#">Location 1</a></h3>
    <p>Arbitrary content about 1</p>

    <h3><a href="#">Location 2</a></h3>
    <p>Arbitrary content about 2</p>

    <h3><a href="#">Location 3</a></h3>
    <p>Arbitrary content about 3</p>
</div>

你可以这样做：

http://jsfiddle.net/6vjwd/2/embedded/result/ http://jsfiddle.net/6vjwd/2/embedded/result/

使用 createMarker 函数将信息窗口与标记关联起来：

function createMarker(latlng, html)
{
var marker = new google.maps.Marker({
    position: latlng,
    map: map
});

google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(html);
        infowindow.open(map, marker);
});
return marker;
}

以及一个全局数组，允许从 HTML 单击侦听器引用它们。

外部链接取决于了解位置的顺序。或者，如果您想按“名称”查找它们，您可以使用“关联”数组，以名称作为索引。

按名称索引标记：

http://jsfiddle.net/6nqj8/1/embedded/result/ http://jsfiddle.net/6nqj8/1/embedded/result/