标签归档:HTML5地图

HTML5 Canvas实现中国地图 可展开地级市子地图

之前我们分享过很多个基于jQuery和HTML5的中国地图插件,比较不错的有这个基于Echarts的HTML5 Canvas中国地图。今天给大家带来另外一款值得收藏的HTML5 Canvas中国地图插件,它的特点是不仅可以显示全国地图,而且点击某个省份的地块时,可以切换到对应省的地级市地图,对那些选择地区的应用来说,这款插件就显得非常实用。

html5-canvas-china-map

在线演示源码下载

基于Echarts的HTML5 Canvas中国地图

之前我们分享过几个基于HTML5和SVG的地图应用,例如这款HTML5世界地图利用了SVG的path特性,又比如这款jQuery矢量SVG地图插件JVectorMap同样通过SVG和jQuery实现。这次我们要分享一款基于Echarts的中国地图,底层技术是HTML5 Canvas技术,正是利用了Canvas中绘制图形的便利性,这款中国地图应用可以为每一个省添加描述信息。

echarts-html5-canvas-map

在线演示源码下载

超绚丽的HTML5地图分布动画

之前我们分享过不少HTML5地图插件,有很多种类型,但大部分都是数据统计类型的。这次要分享同样也是一款基于HTML5的地图应用,但它不同的地方在于它主要是在地图上实现分布动画,可以利用这款插件实现各个地区之间的客流流向,给人非常直观的数据展现。

html5-map-distribute-animation

在线演示源码下载

HTML5世界地图 划分世界区域并显示国家名

关于HTML5和jQuery的地图应用,在之前的文章中我们都有分享,比如jQuery中国地图插件jQuery矢量SVG地图插件JVectorMap这两款地图应用。今天要介绍的是一款基于HTML5的世界地图应用,它的特点是可以将地图中的各个国家区域进行划分,鼠标滑过时即可显示该区域对应的国家名称,你也可以对弹出的标签进行自定义文字和自定义样式。

html5-global-map

在线演示源码下载

HTML5 SVG世界地图 地图可拖拽和缩放

之前我们已经向大家分享过一些基于HTML5的地图应用,比如jQuery矢量SVG地图插件JVectorMap,以及这款HTML5/CSS3带区域地图的联系表单。今天要分享的这款HTML5地图应用是一张世界地图,地图元素是使用SVG绘制的,并且地图可以拖拽和局部缩放,效果非常不错。

html5-svg-world-map

在线演示源码下载

HTML5 3D实景地图动画 3D效果很酷

利用HTML5来实现3D的效果真的非常酷,也比较简单,我们可以来回顾一下之前介绍的一些HTML5 3D动画效果。今天我们来分享一款全新的HTML5 3D效果,是一款3D实景地图,这款3D地图截取了实景的房屋大厦,并且可以旋转展示,非常酷。

html5-3d-real-map

在线演示源码下载