基於Jquery和html5的7款個人化地圖外掛_jquery

1、HTML5世界地圖 分割世界區域並顯示國家名稱

這是一個基於HTML5的世界地圖應用，它的特點是可以將地圖中的各個國家區域進行劃分，滑鼠滑過時即可顯示該區域對應的國家名稱，你也可以對彈出的標籤進行自訂文字和自訂樣式。

 

線上展示       原始碼下載

2、jQuery向量SVG地圖外掛JVectorMap

JVectorMap是一款基於jQuery的向量地圖插件，它是基於SVG結構的，和其他jQuery地圖插件不同的是，jVectorMap是 向量地圖，但是它同樣支援地圖縮放和地圖平面移動等對應的功能。由於JVectorMap是基於jQuery的，所以支援大部分主流的瀏覽器，應用也相當 廣泛。

線上展示        原始碼下載

3、jQuery中國地圖外掛

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

線上展示        原始碼下載

4、純CSS3實作地圖熱點文字標註提示

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

線上展示        原始碼下載

5、HTML5 SVG世界地圖 地圖可拖曳與縮放

今天要分享的這款HTML5地圖應用程式是一張世界地圖，地圖元素是使用SVG繪製的，並且地圖可以拖曳和局部縮放，效果非常不錯。

線上展示        原始碼下載

6、HTML5/CSS3帶區域地圖的聯絡表單

今天我們要來分享一款功能更強大的HTML5/CSS3聯絡表單，它可以選取不同區域顯示對應的地圖，然後針對該區域填入聯絡表單。

線上展示        原始碼下載

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

今天我們來分享一款全新的HTML5 3D效果，是一款3D實景地圖，這款3D地圖截取了實景的房屋大廈，並且可以旋轉展示，非常酷。

線上展示        原始碼下載

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