我正在尝试在本地测试我的jvectormap。以前,我只是直接通过浏览器访问HTML文件。我最近改用HTTP服务器来提供文件,但是现在地图显示的高度很小。奇怪的是,如果我调整浏览器的大小(更大或更小),地图将变得越来越大(似乎并没有停止扩大)。最初渲染时,地图的高度为54px。
height
为定义为包含地图的.jvectormap-container
div以及div设置CSS属性没有帮助。它增加了背景大小,但没有增加实际地图的大小。<svg>
真正引起我这个问题的是标签中的高度。
当我直接通过文件再次访问该站点时,它呈现良好。当我“查看源代码”并通过HTTP服务器访问所有文件时,它们看起来也不错。JS控制台中没有错误。我在多个浏览器上遇到相同的问题。
这是我的身体html:
<body>
<div id="world-map" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;"></div>
<script src="main.js"></script>
</body>
并且main.js包含
var mapDiv = $('#world-map');
mapDiv.vectorMap();
问题是HTTP服务器使用JS文件的不正确的MIME进行响应。
知道为什么这会导致此特定问题将很有趣。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句