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

Jquery Clickable Map : Africa only map

我正在使用 jquery 矢量地图 (http://jqvmap.com/) 来制作交互式地图。我只想拥有非洲地图。有人可以帮忙吗?

干杯,

如果您从 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
});