建站
咨詢
售后
建站咨詢
新聞中心
現(xiàn)在我們經(jīng)常會(huì)用到一些地圖應(yīng)用，無論是在網(wǎng)頁上還是手機(jī)App中，地圖貌似是一個(gè)不可或缺的應(yīng)用。本文將帶領(lǐng)大家一起來看看一些基于jQuery和HTML5的個(gè)性化??地圖插件??，有幾款地圖比較實(shí)用，有些則是具有抽象的概念，很有個(gè)性化。
公司主營業(yè)務(wù)：網(wǎng)站建設(shè)、成都做網(wǎng)站、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)建站是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)建站推出溫嶺免費(fèi)做網(wǎng)站回饋大家。
1、HTML5世界地圖 劃分世界區(qū)域并顯示國家名
這是一款基于HTML5的世界地圖應(yīng)用，它的特點(diǎn)是可以將地圖中的各個(gè)國家區(qū)域進(jìn)行劃分，鼠標(biāo)滑過時(shí)即可顯示該區(qū)域?qū)?yīng)的國家名稱，你也可以對彈出的標(biāo)簽進(jìn)行自定義文字和自定義樣式。
??在線演示?? ??源碼下載??
2、jQuery矢量SVG地圖插件JVectorMap
JVectorMap是一款基于jQuery的矢量地圖插件，它是基于SVG結(jié)構(gòu)的，和其他jQuery地圖插件不同的是，jVectorMap是 矢量地圖，但是它同樣支持地圖縮放和地圖平面移動(dòng)等相應(yīng)的功能。由于JVectorMap是基于jQuery的，所以支持大部分主流的瀏覽器，應(yīng)用也相當(dāng) 廣泛。
??
??在線演示?? ??源碼下載??
3、jQuery中國地圖插件
今天要來介紹一款相對更實(shí)用些的jQuery中國地圖插件，在該實(shí)例中，整張中國地圖都按各個(gè)省份切割，鼠標(biāo)滑過相應(yīng)的省份時(shí)，即可彈出對應(yīng)省份的具體介紹。
??
??在線演示?? ??源碼下載??
4、純CSS3實(shí)現(xiàn)地圖熱點(diǎn)文字標(biāo)注提示
這款地圖應(yīng)用的特點(diǎn)是地圖上有許多標(biāo)注點(diǎn)，點(diǎn)擊標(biāo)注點(diǎn)即可在頁面上彈出一個(gè)文字提示框，用來說明該標(biāo)注點(diǎn)在地圖上的詳細(xì)信息。如果你需要有一款帶標(biāo)注功能的地圖應(yīng)用，那么這款CSS3地圖插件可以滿足你。
??
??在線演示?? ??源碼下載??
5、HTML5 SVG世界地圖 地圖可拖拽和縮放
今天要分享的這款HTML5地圖應(yīng)用是一張世界地圖，地圖元素是使用SVG繪制的，并且地圖可以拖拽和局部縮放，效果非常不錯(cuò)。
??
??在線演示?? ??源碼下載??
6、HTML5/CSS3帶區(qū)域地圖的聯(lián)系表單
今天我們要來分享一款功能更加強(qiáng)大的??HTML5??/CSS3聯(lián)系表單，它可以選中不同區(qū)域顯示相應(yīng)的地圖，然后針對該區(qū)域填寫聯(lián)系表單。
??
??在線演示?? ??源碼下載??
7、HTML5 3D實(shí)景地圖動(dòng)畫 3D效果很酷
今天我們來分享一款全新的??HTML5 3D??效果，是一款3D實(shí)景地圖，這款3D地圖截取了實(shí)景的房屋大廈，并且可以旋轉(zhuǎn)展示，非常酷。
??
??在線演示?? ??源碼下載??
以上就是一些精美的jQuery/HTML5地圖插件，如果你也有好的地圖插件，歡迎跟我們分享。
本文鏈接：??http://www.codeceo.com/article/7-html5-jquery-map-plugins.html??? 本文作者：??碼農(nóng)網(wǎng)?? – 小峰
網(wǎng)頁標(biāo)題：7款個(gè)性化jQuery/HTML5地圖插件
標(biāo)題URL：http://m.fisionsoft.com.cn/article/dhcchej.html
