Javascript 谷歌地图&x27；在引导选项卡上调整大小后s标记不居中

我买了一个地理位置图脚本，当应用到引导选项卡时，它只会显示左上角的小跨度。我添加了resize来克服它

$(document).ready(function() { $(‘a[href=”#tab2”]’).click(function(e) {    setTimeout(initialise, 1000); }); </script>

function initialise() {
    var myMap = document.getElementById('map-myid1');
    google.maps.event.trigger(myMap, 'resize');
};
});

$（document）.ready（函数（）{$（'a[href=“#tab2”]”）。单击（函数（e）{setTimeout（initialise，1000）；}）；
函数初始化（）{
var myMap=document.getElementById（'map-myid1'）；
google.maps.event.trigger（myMap，'resize'）；
};
});

我面临的问题是地图的标记不是中心，它将隐藏在地图的左侧。如何修复它

---

我检查了您的页面源代码，发现您正在使用

设置超时（initialise，1000）因此显示地图有点慢。尝试替换以下代码

$(document).ready(function() {
        $('a[href="#tab2"]').click(function(e) {
            initialise();
        });

试试这个：

var map = null;

var center = null;

var bounds = new google.maps.LatLngBounds();

function initMap() 
{
    map = new google.maps.Map(document.getElementById("Your div id"), 
    {
       center: new google.maps.LatLng("mycenter"),
       zoom: 10,
       mapTypeId: google.maps.MapTypeId.ROADMAP,
    });

    center = bounds.getCenter();

    map.fitBounds(bounds);
}


我对谷歌地图和引导标签插件也有同样的问题

我使用“显示”事件来初始化选项卡中的google地图，而不是“单击”事件

$('a[href="#tab2"]').on('shown',function(e) {
    // Initialized once the google map
    // ...
    // ...

    // use this to redraw google map when current tab is shown.
    google.maps.event.trigger(document.getElementById('Your div id'), 'resize');
});

在bootstrap 3.x.x中，此脚本将有助于：

    var map;
    google.maps.visualRefresh = true;     // Enable the visual refresh
    function initialize() {
          // map initialization code 
    }

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

    $(function () {
        $('a[href="#Location"]').on('shown.bs.tab', function(e) {
            lastCenter=map.getCenter();
            google.maps.event.trigger(map, 'resize');
            map.setCenter(lastCenter);

        });
    });

其中
a[href=“#Location”]
是选项卡的锚定选择器。
代码中没有地图标记。有。尝试将地图向右拖动50mm，向下拖动20mm。您将看到标记。它会减慢Tab1的内容吗？Tab1是我的作业显示页面。@这不会减慢Tab1内容的速度，因为只有在单击tab2时，地图才会启动。我将它们放在initialise（）下。我已更改了“您的部门id”，但仍然相同。