Javascript 谷歌地图API刷新后文本消失

Javascript 谷歌地图API刷新后文本消失,javascript,google-maps,Javascript,Google Maps,我最近在我的网站上添加了谷歌地图API,从那时起,每次我刷新页面时,整个文本开始改变字体大小,然后在短时间内消失。你们中有人曾经面对过这个问题吗 以下是我的谷歌地图代码: var map; google.maps.event.addDomListener(window, 'load', initialize); function initialize(){ var locations = document.querySelectorAll('.map-switcher'); va

我最近在我的网站上添加了谷歌地图API,从那时起,每次我刷新页面时,整个文本开始改变字体大小,然后在短时间内消失。你们中有人曾经面对过这个问题吗

以下是我的谷歌地图代码:

var map;
google.maps.event.addDomListener(window, 'load', initialize);
function initialize(){
    var locations = document.querySelectorAll('.map-switcher');
    var isActive;
    var lat = [7.740107, 7.740107];
    var lng = [-83.438535, -83.438535];
    var title = ['title1', 'title2'];
    var text = ['text1', 'text2'];
    var mapCanvas = document.getElementById('map-canvas');

    for(var i = 0; i < locations.length; i++){
        if(hasClass(locations[i], 'active')){
            var mapOptions = switchLocation(lat[i], lng[i]);
            isActive = i;
            break;
        }
    }

        map = new google.maps.Map(mapCanvas, mapOptions);

    var infoWindow = new google.maps.InfoWindow({content: 'loading'});

    var marker = new google.maps.Marker({
        map: map,
        animation: google.maps.Animation.Drop,
        title: title[isActive],
        position: new google.maps.LatLng(lat[isActive], lng[isActive]),
        html: text[isActive]
    });
    infoWindow.setContent(marker.html);
    google.maps.event.addListener(marker, 'click', function(){
        infoWindow.open(map, this);
    });
    infoWindow.open(map, marker);

}

function switchLocation(lat, lng){
    var mapOptions = {
        center: new google.maps.LatLng(lat, lng),
        zoom: 17,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    return mapOptions;
}

function hasClass(element, cls) {
    return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}

for(var i = 0; i < mapSwitcher.length; i++)
    mapSwitcher[i].addEventListener('click', switchActiveMap, false);

function switchActiveMap(event){
    for(var i = 0; i < mapSwitcher.length; i++){
        if(hasClass(mapSwitcher[i], 'active')){
            mapSwitcher[i].classList.remove('active');
        }
        else mapSwitcher[i].classList.add('active');
    }
    initialize();
}
var映射;
google.maps.event.addDomListener(窗口“加载”,初始化);
函数初始化(){
var locations=document.queryselectoral('.map switcher');
风险活跃;
var lat=[7.740107,7.740107];
var lng=[-83.438535,-83.438535];
变量title=['title1','title2'];
变量text=['text1','text2'];
var mapCanvas=document.getElementById('map-canvas');
对于(变量i=0;i-1;
}
对于(var i=0;i
很难说没有看到你的代码,但你的文本/页面设置可能是在用google map initialize搜索资源?@kaho Mh,我不知道你的意思。我在标题中包含了css,在正文末尾包含了js。我注意到google后来在标题中添加了一些额外的脚本,我想这就是文本消失的原因。但我不知道如何解决这个问题。