Question

我使用jquery矢量地图（http://jqvmap.com/）来制作交互式地图。我想只有非洲地图。有人可以帮帮忙吗？

干杯，

Answer 1

如果您从this页面查看来源，可以看到如何限制地图：

jQuery('#vmap').vectorMap({
    map: 'africa_en',
    backgroundColor: null,
    color: '#ffffff',
    hoverOpacity: 0.7,
    selectedColor: '#666666',
    enableZoom: true,
    showTooltip: true,
    scaleColors: ['#C8EEFF', '#006491'],
    normalizeFunction: 'polynomial'
});

具体来说，这一行：

map: 'africa_en'

虽然看起来您可能需要外部来源，例如它引用的africa.js。

如果没有外部文件，您的解决方案可能是在世界地图中放大非洲，如演示here所示：

jQuery('#vmap').vectorMap({
    map: 'world_en',
    backgroundColor: null,
    color: '#ffffff',
    hoverOpacity: 0.7,
    selectedColor: '#666666',
    enableZoom: false,
    showTooltip: true,
    values: sample_data,
    scaleColors: ['#C8EEFF', '#006491'],
    normalizeFunction: 'polynomial',
    transX: -570,
    transY: -350,
    scale: 2.75
});

Jquery Clickable地图：仅限非洲地图

1 个答案: