jquery:panTo()时如何显示标记

时间:2013-08-04 23:14:05

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

点击按钮后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/

1 个答案:

答案 0 :(得分:1)

从标记创建中删除var - 关键字(以使marker全局可访问),并在点击回调中调用标记的setPosition - 方法:

marker.setPosition(laLatLng);

这是一个有效的JSFiddle