Jquery 可点击地图：仅限非洲的地图

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 可点击地图：仅限非洲的地图

Jquery Clickable Map : Africa only map

jquery

jvectormap