jQuery地图插件-jqvmap

最新推荐文章于 2025-05-01 10:40:45 发布

原创最新推荐文章于 2025-05-01 10:40:45 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

Javascript /Jquery / Bootstrap / Web 专栏收录该内容

434 篇文章

订阅专栏

本文介绍如何使用 jqvmap jQuery 地图插件创建交互式的矢量地图，通过示例代码展示了如何加载地图数据、设置样式及交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用法：

<script src="js/jquery.vmap.js"></script>
<script src="js/jquery.vmap.world.js"></script>
<script src="js/jquery.vmap.sampledata.js"></script>

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

<div id="vmap" style="width:%20600px;%20height:%20400px;"></div>

原文：jQuery地图插件-jqvmap