我的jvector地图位于下拉菜单中,它在safari,opera和chrome中运行良好但是中断
(没有地图
和错误消息NS_ERROR_FAILURE:
(2.0.2.min.js中的第700行“返回this.node.getBBox();”
在Firefox中,我尝试过很多不同的东西,但没有运气。
这些都在头脑中。
<script type="text/javascript" src="jVectormap/jquery-jvectormap-2.0.2.min.js"></script>
<script type="text/javascript" src="../maCountries/be_coord.js"></script>
<script type="text/javascript" src="../maCountries/be_map.js"></script>
这是下拉菜单中的html
<div id="mapJV">
</div> <!--mapjv container-->
这是be_map.js中的代码,在firefox中打破。
$(function() {
var map,
map = new jvm.Map({
container: $('#mapJV'),
map: 'be_mill_en',
backgroundColor: '#F6F3EF',
regionStyle: {
initial: {
fill: '#ABBDC4'
},
},
});
});
$( "<style>.jvectormap-container {width : 400px; height: 400px;}</style>" ).appendTo( "head" );
be_coord.js中的代码只是普通坐标。
答案 0 :(得分:2)
Firefox通常在隐藏元素中渲染SVG时遇到问题。所以这里的解决方案可能是在容器变得可见之后创建和渲染地图。