1、HTML5世界地圖 劃分世界區(qū)域并顯示國家名

這是一款基于HTML5的世界地圖應(yīng)用，它的特點是可以將地圖中的各個國家區(qū)域進行劃分，鼠標(biāo)滑過時即可顯示該區(qū)域?qū)?yīng)的國家名稱，你也可以對彈出的標(biāo)簽進行自定義文字和自定義樣式。

在線演示       源碼下載

2、jQuery矢量SVG地圖插件JVectorMap

JVectorMap是一款基于jQuery的矢量地圖插件，它是基于SVG結(jié)構(gòu)的，和其他jQuery地圖插件不同的是，jVectorMap是 矢量地圖，但是它同樣支持地圖縮放和地圖平面移動等相應(yīng)的功能。由于JVectorMap是基于jQuery的，所以支持大部分主流的瀏覽器，應(yīng)用也相當(dāng) 廣泛。

在線演示        源碼下載

3、jQuery中國地圖插件

今天要來介紹一款相對更實用些的jQuery中國地圖插件，在該實例中，整張中國地圖都按各個省份切割，鼠標(biāo)滑過相應(yīng)的省份時，即可彈出對應(yīng)省份的具體介紹。

在線演示        源碼下載

4、純CSS3實現(xiàn)地圖熱點文字標(biāo)注提示

這款地圖應(yīng)用的特點是地圖上有許多標(biāo)注點，點擊標(biāo)注點即可在頁面上彈出一個文字提示框，用來說明該標(biāo)注點在地圖上的詳細信息。如果你需要有一款帶標(biāo)注功能的地圖應(yīng)用，那么這款CSS3地圖插件可以滿足你。

在線演示        源碼下載

5、HTML5 SVG世界地圖 地圖可拖拽和縮放

今天要分享的這款HTML5地圖應(yīng)用是一張世界地圖，地圖元素是使用SVG繪制的，并且地圖可以拖拽和局部縮放，效果非常不錯。

在線演示        源碼下載

6、HTML5/CSS3帶區(qū)域地圖的聯(lián)系表單

今天我們要來分享一款功能更加強大的HTML5/CSS3聯(lián)系表單，它可以選中不同區(qū)域顯示相應(yīng)的地圖，然后針對該區(qū)域填寫聯(lián)系表單。

在線演示        源碼下載

7、HTML5 3D實景地圖動畫 3D效果很酷

今天我們來分享一款全新的HTML5 3D效果，是一款3D實景地圖，這款3D地圖截取了實景的房屋大廈，并且可以旋轉(zhuǎn)展示，非?？帷?/p>

在線演示        源碼下載

以上就是一些精美的jQuery/HTML5地圖插件，如果你也有好的地圖插件，歡迎跟我們分享。

最新評論