建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
非常好的jQuery矢量地圖生成插件
??在線演示??? ??本地下載 ??
是不是也考慮生成一個(gè)矢量類型的地圖？今天我們將介紹的這款jQuery插件 - ??JQVMAP ??可 以方便的幫助你生成漂亮的矢量地圖。在現(xiàn)代瀏覽器中它使用了SVG（Scalable Vector Graphics）技術(shù)生成地圖圖片，如果你也需要支持老版本的瀏覽器，例如，IE6/7/8的話，它也可以通過(guò)VML來(lái)實(shí)現(xiàn)，非常不錯(cuò)的jQuery插 件，相信大家一定會(huì)喜歡！
主要特性
支持現(xiàn)代瀏覽器，同時(shí)對(duì)于老版本瀏覽器也可以通過(guò)其它fallback方式支持
支持縮放，拖動(dòng)查看
提供豐富的地圖生成參數(shù)
目前支持：世界地圖，美國(guó)地圖，歐洲，德國(guó)地圖
你可以自己定義自己的地圖（當(dāng)然，這個(gè)過(guò)程比較繁瑣）
實(shí)時(shí)更新地圖
需要jQuery類庫(kù)支持
完整清晰的文檔說(shuō)明
如何使用
JQVAMP使用非常簡(jiǎn)單，導(dǎo)入jQuery類庫(kù)和插件類庫(kù)，如下：
地圖插件生成代碼：
jQuery(document).ready(function() {
jQuery('#vmap').vectorMap({
map: 'world_en',
backgroundColor: '#202020',
color: '#5DB0E6',
hoverOpacity: 0.7,
selectedColor: '#333333',
enableZoom: true,
showTooltip: true,
values: sample_data,
scaleColors: ['#C8EEFF', '#006491'],
normalizeFunction: 'polynomial',
onRegionOver: function(element, code, region){
$('#region').html(region);
},
onRegionClick: function(element, code, region){
$('#region').html('You selected "' + region + '"');
}
});
});插件的文檔非常完善，你可以很方便的查看相關(guān)的選項(xiàng)和callback方法。相信大家肯定有機(jī)會(huì)應(yīng)用到自己的網(wǎng)站開(kāi)發(fā)和設(shè)計(jì)中，希望大家喜歡，如果你有任何問(wèn)題和建議請(qǐng)給我們留言，謝謝！
網(wǎng)頁(yè)標(biāo)題：非常好的jQuery矢量地圖生成插件
網(wǎng)站地址：http://m.fisionsoft.com.cn/article/dhhocsj.html
