jquery - 更改谷歌地图位置 onclick

Question

我在网上找到了一个很棒的代码，我正在尝试使用按钮将标记移动到另一个位置。我想我需要通过点击事件触发变量“targetLocation”，但我不知道如何触发。或者我应该创建像 targetlocation2 和marker2 这样的变量？

位置1:41.118555”，28.2743889

位置2:38.9152733，-111.6676686

html:

<a href="#location1">Address 1</a>
<a href="#location2">Address 2</a>

代码:

if ($("#map .google-maps").length) {
var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();
var targetLocation = new google.maps.LatLng("41.118555", "28.2743889");

var myOptions = {
    center: targetLocation,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    zoom: 13,
    scrollwheel: false,
    streetViewControl: false,
    mapTypeControl: false,
    disableDoubleClickZoom: true,
    styles: [
    {
        featureType: "all",
        stylers: [
        {saturation: -100}
        ]
    }
    ]
}

var map = new google.maps.Map($("#map .google-maps")[0], myOptions);
directionsDisplay.setMap(map);

var marker = new google.maps.Marker({
    position: targetLocation,
    map: map,
    icon: "marker.png",
    visible: true
});

}

Answer 1

在事件处理程序中使用 setPosition。

$(selector).on('click', function(){
     newLocation = new google.maps.LatLng(0,0);
     marker.setPosition( newLocation );
});