Question

我正在尝试在本地测试我的jvectormap。以前我只是通过浏览器直接访问HTML文件。我最近切换到使用HTTP服务器来提供文件，但现在地图显示的高度非常小。奇怪的是，如果我调整浏览器的大小（更大或更小），地图会越来越大（似乎不会停止扩展）。最初渲染时的地图高度为54px。

为我定义的包含地图的div以及height div设置.jvectormap-container 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();

Answer 1

问题是HTTP服务器正在响应JS文件的错误MIME。

知道为什么会导致这个特殊问题会很有趣。