0

单击按钮时，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);

演示：http: //jsfiddle.net/sweetmaanu/D2W3j/16/

演示（带标记）：http: //jsfiddle.net/sweetmaanu/D2W3j/17/

4

1 回答 1

1

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

marker.setPosition(laLatLng);

这是一个有效的JSFiddle

于 2013-08-05T00:11:08.537 回答