javascript - Jvector map 插件问题

标签 javascript jquery jquery-plugins

希望有人能帮帮我。我发现这个不错的 jQuery 插件可以在我们的 Intranet 中显示矢量图,但我无法创建 HTML 代码来让它工作。

http://jvectormap.owl-hollow.net/

非常感谢您的帮助或指导。

谢谢, 托尼

最佳答案

可能您忘记设置要在其中放置 map 的容器的大小。这应该有效:

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <link rel="stylesheet" href="jquery.vector-map.css" type="text/css" media="screen" />
    <script src="jquery-1.6.min.js"></script>
    <script src="jquery.vector-map.js"></script>
    <script src="world-en.js"></script>
    <script>
        $(function(){
            $('#map').vectorMap();
        });
    </script>
</head>
<body>
    <div id="map" style="width: 600px; height: 400px;"></div>
</body>
</html>

我会在下个版本加入宽高参数

关于javascript - Jvector map 插件问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6343038/

相关文章:

javascript - 无法访问窗口级变量,即使它存在。访问时返回 undefined

javascript - 无论如何要在 iPad 上加载页面后用 javascript 删除所有 <a href=> 标签?

javascript - 在页面加载时显示来自选择表单的选项

jquery - 性能最佳的 JQuery 图表插件有哪些?

javascript - 为什么 JavaScript 的 Date 对象在 Firefox 中无效?

javascript - 'item' 的路由生成器未包含在参数错误中

javascript - 从 RequireJS 中的 CommonJS 样式模块导出构造函数

javascript - 替代 jquery .inarray?

php - 替换 Woocommerce 结帐页面中的 "state"选择字段第一个选项文本

jquery - 拖放以更改顺序