Google maps Google maps API信息窗口中的Firefox溢出和侧栏
我使用谷歌地图API做了一些小事情,我真的很高兴使用它。但出现了一个错误;如果我在infoWindow中显示稍长一点的文本,Firefox将始终显示一个带有溢出的边栏。其他浏览器都没有这样做 以下是我在infoWindow中看到的内容:Google maps Google maps API信息窗口中的Firefox溢出和侧栏,google-maps,firefox,overflow,Google Maps,Firefox,Overflow,我使用谷歌地图API做了一些小事情,我真的很高兴使用它。但出现了一个错误;如果我在infoWindow中显示稍长一点的文本,Firefox将始终显示一个带有溢出的边栏。其他浏览器都没有这样做 以下是我在infoWindow中看到的内容: <h3>Whatever whatever</h3><span class="mark">★★★★★</span>
<h3>Whatever whatever</h3><span class="mark">★★★★★</span>
有人看到解决办法吗?
谢谢。将您的内容插入div 点击事件将是:
var myDiv = document.createElement('div');
myDiv.innerHTML = '<h3>Whatever whatever</h3><span class="mark">★★★★★</span>';
infowindow.setContent(myDiv);
var myDiv=document.createElement('div');
myDiv.innerHTML='随便什么★★★★★';
infowindow.setContent(myDiv);
如果仍然没有帮助-尝试在内容样式中添加“空白:nowrap”,例如:
infowindow.setContent('<div style="white-space:nowrap">....</div>');
infowindow.setContent('..');
或者(甚至更好)在CSS类中。基于Micha的答案,显式样式在Firefox和Chrome上运行良好
infowindow.setContent('<div style="overflow:hidden">' + var + '</div>');
infowindow.setContent(“”+var+“”);
infowindow.setContent('<div style="overflow:hidden">' + var + '</div>');