链接外部谷歌地图标记中心地图

时间:2011-03-16 17:57:13

标签: javascript jquery google-maps google-maps-markers

我有一个带有多个标记的谷歌地图。在地图外部,有地图上显示的标记列表。我希望能够从列出的地址中建立链接,当我点击它们时,将地图置于相应的标记上(不删除所有其他标记)。

1 个答案:

答案 0 :(得分:0)

以下是在Google Maps v3中将标记添加到其中心时创建链接的示例:

function addMarker(myMap, myAddress, myLat, myLng) {
    // Create Google Maps LatLng from position
    var myLatLng = new google.maps.LatLng(myLat, myLng);

    // Create the marker
    var myMarker = new google.maps.Marker({
       map: myMap
       position: myLatLng
    });

    // Create a new anchor, bind click, and append to the container
    $("<a></a>")
        .attr("href", "#")
        .html(myAddress)
        .click(function() {
            myMap.setCenter(myLatLng);
        })
        .appendTo(".myLinkContainer");
}

最好在创建标记时执行此操作,这样就不必维护对定义窗口级对象中位置的LatLng对象的引用。