Javascript 单击“移动谷歌地图中心点”

我已经初始化了GoogleMaps

load

函数，它工作正常。还有多个带有簇的标记。我没有把标记和簇码放在这里。这些是标准代码。我的代码：

jQuery(document).ready(function(){
    initialize();
});

function initialize() {
    var center = new google.maps.LatLng(59.875405, 10.842099);
    var zoom = 10;
    var map = new google.maps.Map(document.getElementById('map-canvas'), {
        zoom: zoom,
        center: center,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
}
function mapAnimate(){
    var map = google.maps.Map(document.getElementById("map-canvas"));
    google.maps.event.addListenerOnce(map, 'tilesloaded', function() {
        window.setTimeout(function() {
            map.panTo(new google.maps.LatLng(58.9633, 5.7189));
        }, 500);
    });
}

然后我想将地图移动到另一个中心位置，而不重新生成地图。有一个链接调用函数

mapAnimate（）

HTML:

---

实际上我没有得到map实例。

在函数外部声明

map

变量。这应该能奏效

jQuery(document).ready(function(){
    initialize();
});

var map;

function initialize() {
    var center = new google.maps.LatLng(59.875405, 10.842099);
    var zoom = 10;
    map = new google.maps.Map(document.getElementById('map-canvas'), {
        zoom: zoom,
        center: center,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
}
function mapAnimate(){

    google.maps.event.addListenerOnce(map, 'tilesloaded', function() {
        window.setTimeout(function() {
            map.panTo(new google.maps.LatLng(58.9633, 5.7189));
        }, 500);
    });
}

---

但是，如果您从单击事件调用

mapAnimate（）

函数，我不明白为什么您需要在地图对象上使用该侦听器。

在您回答时，我自己已经解决了这个问题。不过还是要谢谢你。

TypeError: c[Eb] is not a function......

jQuery(document).ready(function(){
    initialize();
});

var map;

function initialize() {
    var center = new google.maps.LatLng(59.875405, 10.842099);
    var zoom = 10;
    map = new google.maps.Map(document.getElementById('map-canvas'), {
        zoom: zoom,
        center: center,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
}
function mapAnimate(){

    google.maps.event.addListenerOnce(map, 'tilesloaded', function() {
        window.setTimeout(function() {
            map.panTo(new google.maps.LatLng(58.9633, 5.7189));
        }, 500);
    });
}