Javascript 谷歌地图API刷新后文本消失
我最近在我的网站上添加了谷歌地图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
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后来在标题中添加了一些额外的脚本,我想这就是文本消失的原因。但我不知道如何解决这个问题。