jquery：如何顯示標記時panTo（）

Question

當點擊按鈕時Google地圖的位置發生變化。不幸的是標記不上的位置

顯示有任何選項，以顯示標記而改變位置？

var map; 
$(document).ready(function() { 
    initialize(); 
    $("#panLA").click(function() { 
     var laLatLng = new google.maps.LatLng(34.01131647557699, -118.25599389648437); 
     map.panTo(laLatLng); 
    }); 
    $("#panLB").click(function() { 
     var laLatLng = new google.maps.LatLng(33.70131647557699, -118.15599389648437); 
     map.panTo(laLatLng); 
    }); 

    $("#london").click(function() { 
     var laLatLng = new google.maps.LatLng(51.501417, -0.020886);; 
     map.panTo(laLatLng); 
    }); 
    $("#leeds").click(function() { 
     var laLatLng = new google.maps.LatLng(53.708214, -1.621459); 
     map.panTo(laLatLng); 
    }); 
    $("#cambridge").click(function() { 
     var laLatLng = new google.maps.LatLng(52.231462, 0.147424); 
     map.panTo(laLatLng); 
    }); 
    $("#edinburg").click(function() { 
     var laLatLng = new google.maps.LatLng(55.94756, -3.211026); 
     map.panTo(laLatLng); 
    }); 
    $("#miami").click(function() { 
     var laLatLng = new google.maps.LatLng(25.77248, -80.186847); 
     map.panTo(laLatLng); 
    }); 
}); 

function initialize() { 
    var myLatlng = new google.maps.LatLng(51.5120, -0.12); 
    var myOptions = { 
     zoom: 16, 
     center: myLatlng, 
//  center: new google.maps.LatLng(51.5120, -0.12), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map_canvas'), myOptions); 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     icon: "http://unfold.no/css/images/map-marker.png", 
     map: map 
    }); 

} 
google.maps.event.addDomListener(window, "load", initialize); 

DEMO：http://jsfiddle.net/sweetmaanu/D2W3j/16/

DEMO（帶標記）：http://jsfiddle.net/sweetmaanu/D2W3j/17/

Answer 1

取下標記創建var -keyword（使全球訪問）和內點擊回調調用 - 標記的方法：

marker.setPosition(laLatLng); 

這是一個工作JSFiddle