Javascript 谷歌地图-地图重新加载

我有下面的代码设置来为各种区域应用地图

var locations = [
  ['Liver Office - Liverpool Office', 53.40529, -2.988801, 1],
  ['Lond office - London Office', 51.515026, -0.086811, 2],

];
function plotMap(loc) {  

var mapOptions = {
    zoom: 17,
    center: new google.maps.LatLng((locations[loc][1]), (locations[loc][2])),
    stylers: [
    { saturation: -100 } // <-- THIS
  ]
};

var map = new google.maps.Map(document.getElementById('map'),

  mapOptions);

var marker = new google.maps.Marker({
    position: map.getCenter(),
    map: map,
     mapTypeControlOptions: {
     mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'tehgrayz']
    },
    icon: 'marketICO.png',
    title: (locations[loc][0])
});

var infowindow = new google.maps.InfoWindow();
    google.maps.event.addListener(marker, 'click', (function(marker) {
    return function() {
      infowindow.setContent(locations[loc][0]);
      infowindow.open(map, marker);
    }
  })(marker, loc));
}

$('.livLink').click(function(){
    plotMap(0);
});
$('.lonLink').click(function(){
    plotMap(1);
});
    plotMap(0);

var位置=[
[Liver办事处-利物浦办事处，53.40529，-2.988801，1]，
[“伦敦办事处-伦敦办事处”，51.515026，-0.086811，2]，
];
函数绘图图（loc）{
变量映射选项={
缩放：17，
中心：新的google.maps.LatLng（（位置[loc][1]），（位置[loc][2]），
样式：[
{saturation:-100}/您可以创建2个映射实例（
map1
和
map2
）

在文档就绪（或其他事件）时初始化两个映射，并在更改选项卡时触发映射调整大小

google.maps.event.trigger（映射，'resize'）；

用适当的映射对象（对应于您显示的选项卡上的映射）替换
map
。
您可以创建2个映射实例（
map1
和
map2
）

在文档就绪（或其他事件）时初始化两个映射，并在更改选项卡时触发映射调整大小

google.maps.event.trigger（映射，'resize'）；

用适当的映射对象（对应于您显示的选项卡上的映射）替换
map
。
您可以创建2个映射实例（
map1
和
map2
）

在文档就绪（或其他事件）时初始化两个映射，并在更改选项卡时触发映射调整大小

google.maps.event.trigger（映射，'resize'）；

用适当的映射对象（对应于您显示的选项卡上的映射）替换
map
。
您可以创建2个映射实例（
map1
和
map2
）

在文档就绪（或其他事件）时初始化两个映射，并在更改选项卡时触发映射调整大小

google.maps.event.trigger（映射，'resize'）；

将
map
替换为适当的映射对象（对应于您显示的选项卡上的映射）。
当您考虑内存问题时（如果没有），最好重新使用映射实例（请参阅：）

当您考虑内存问题时（或者不考虑内存问题时），最好重新使用Map实例（请参阅：）

当您考虑内存问题时（或者不考虑内存问题时），最好重新使用Map实例（请参阅：）

当您考虑内存问题时（或者不考虑内存问题时），最好重新使用Map实例（请参阅：）

可能的重复可能的重复可能的重复可能的重复
function plotMap(loc) {
    var map_container = document.getElementById('map');
    if (!map_container.map) {
        map_container.map = new google.maps.Map(map_container,

        {
            stylers: [{
                saturation: -100
            } 
            ]
        });
        map_container.marker = new google.maps.Marker();
        map_container.infowindow = new google.maps.InfoWindow();
        google.maps.event.addListener(map_container.marker, 'click', function () {
            map_container.infowindow.close();
            map_container.infowindow.open(this.getMap(), this);
        });
        map_container.infowindow.bindTo('content', map_container.marker, 'content');
    }
    map_container.infowindow.close();
    map_container.map.setOptions({
        zoom: 17,
        center: new google.maps.LatLng((locations[loc][1]), (locations[loc][2]))
    });

    //icon: 'marketICO.png',
    map_container.marker.setOptions({
        position: map_container.map.getCenter(),
        map: map_container.map,
        content: locations[loc][0],
        title: locations[loc][0]
    });
}