基于Jquery和html5的7个个性化地图插件

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地图插件。如果你有好的地图插件，请与我们分享。