Question

我想使用随机着色示例为世界地图着色。我正在使用jvectormap作为地图。地图不会为我呈现。我收到了一个javascript错误 - 尝试使用未加载的地图＆＃39; world-mill-en＆＃39;。我只使用函数

时能够渲染地图

$(function(){ $('#world-map').vectorMap(); });

但它不适用于下面的代码。请注意，这对我来说是一个重要的项目。提前谢谢。

&copy;<html><head>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v2.1.0.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/js/jquery-jvectormap-1.2.2.min.js"></script>
<script src="/js/jquery-jvectormap-world-mill-en.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="/css/charts.css">
<title>Maps</title></head><div id="world-map" style="width: 600px; height: 400px"></div>
&copy;<script type="text/javascript">
map = new jvm.WorldMap({
    map: 'world-mill-en',
    container: $('#world-map'),
    series: {
        regions: [{
            attribute: 'fill'
        }]
    }
});
$(function(){
    var palette = ['#66C2A5', '#FC8D62', '#8DA0CB', '#E78AC3', '#A6D854'];
    generateColors = function(){
        var colors = {},key;

        for (key in map.regions) {
            colors[key] = palette[Math.floor(Math.random()*palette.length)];
        }
        return colors;
    }, map;

    map.series.regions[0].setValues(generateColors());
})

如何使用jvectormap将随机颜色添加到世界地图？未加载错误地图

0 个答案: