`
dengbaoleng
  • 浏览: 1162494 次
文章分类
社区版块
存档分类
最新评论

Raphael JS实现的中国省份热点地图

 
阅读更多

在HTML5普及前,如果需要在客户端实现向量化的图形, Raphaël是一种很不错的选择。

Raphaël JS是一个开源的JS库。 官方站点:http://raphaeljs.com/


Raphael JS在底层实现上会根据客户端的浏览器而自动选择,对于IE6/7/8,使用VML;

对于其它浏览器(FF/Chrome/Safari/Opera),则使用SVG。

Raphael JS通过提供统一的编程接口,而开发人员无需针对不同的浏览器编程。相较于Flash, SVG能够对iOS类的移动设备良好支持。


这是Raphael JS绘制的一个中国省份热点地图


<iframe style="width:100%; height:860px;" src="http://jerrywang.zoka.cc/map/map.htm" frameborder="0" scrolling="0"></iframe>


分享到:
评论
2 楼 whmyahoo 2012-10-09  
zjjsjlr 写道
求指教,中国地图里各个省份的矢量坐标是怎么获取的啊?

同求
1 楼 zjjsjlr 2012-07-26  
求指教,中国地图里各个省份的矢量坐标是怎么获取的啊?

相关推荐

    Raphael 开发中国省份地图

    该 Demo 是使用 Raphael 制作中国省份地图,结合 jquery 实现一 些动态点击效果,并且使用扩展 Raphael 内核,可以动态调整地图画布的大 小,还实现了点击动态生成热点数据的图形开发,具体界面请参照工程包中 图...

    raphaeljs_starter

    《raphaeljs_starter》是一本专注于RaphaelJS这一强大跨浏览器兼容的矢量图形库的教程书籍,由A. Krishnasagar编写,旨在帮助读者掌握如何轻松地创建交互式的2D图形和动画。本书由Packt Publishing出版,首次出版于...

    Raphael 开发中国省份地图 加入箭头功能

    该 Demo 是使用 Raphael 制作中国省份地图,结合 jquery 实现一 些动态点击效果,并且使用扩展 Raphael 内核,可以动态调整地图画布的大 小,还实现了点击动态生成箭头数据的开发,在一个画布上勾勒箭头图形,具 ...

    Raphaeljs 插件实现任意SVG节点加载

    “Raphaeljs 插件实现任意SVG节点加载”这一标题指出我们将讨论一个基于Raphaeljs的插件,它的功能是允许用户动态加载SVG(可缩放矢量图形)节点。Raphaeljs是一个JavaScript库,专门用于在Web浏览器中创建和操作SVG...

    [RaphaelJS] RaphaelJS 编程 (英文版)

    Create beautiful, interactive images on the Web with RaphaelJS, the JavaScript library that lets you draw Scalable Vector Graphics (SVG) right in the browser. With this concise guide, you’ll quickly ...

    Mapael基于raphaeljs用于显示动态矢量地图的jQuery插件

    Mapael是一款强大的jQuery插件,它利用raphael.js库来创建和展示动态的矢量地图。这个插件专为在Web应用中展示交互式地图而设计,提供了丰富的自定义选项和功能,使得开发者能够轻松地构建出具有各种交互效果的地图...

    SVG画图插件raphaelJS

    RaphaelJS是一款强大的JavaScript库,专门用于在SVG(Scalable Vector Graphics)和VML(Vector Markup Language)格式下创建矢量图形。这个插件允许开发者在网页上绘制出复杂、交互式的图形,而且这些图形在任何...

    raphael.js扩展的拖拽功能,raphael.draggable.js,raphael.extension.js

    在SVG和VML图形库的世界里,Raphael.js是一个非常受欢迎的JavaScript库,它使得在网页上创建和操作矢量图形变得极其简单。Raphael.js不仅支持多种浏览器,包括那些不支持HTML5 canvas的老旧浏览器,而且提供了一套...

    Raphael 开发中国大区,片区地图

    该 Demo 是使用 Raphael 制作中国大区、片区地图,结合 jquery 实现一 些动态点击效果,并且使用扩展 Raphael 内核,可以动态调整地图画布的大 小,还实现了点击动态生成热点数据的图形开发,具体界面请参照工程包...

    Learning Raphael JS Vector Graphics 配套源码

    Raphael JS是一个强大的JavaScript库,专门用于在Web浏览器中创建矢量图形。它允许开发者创建出复杂的、可缩放的图形,这些图形在任何分辨率下都能保持清晰,从而提供了优质的用户体验。"Learning Raphael JS Vector...

    raphael吉林省地图

    在这个“raphael吉林省地图”项目中,开发者运用Raphaël库来绘制了详细的吉林省地图,展示了该省各市区的边界和分布。 SVG是一种XML格式,用于定义二维图形,它可以包含路径、形状、文本、图像和滤镜等元素,并且...

    Learning Raphael JS Vector Graphics 书+源码

    《Learning Raphael JS Vector Graphics》是一本专注于Raphael.js库的图书,它涵盖了使用JavaScript和SVG(可缩放矢量图形)技术创建动态、交互式的Web图形的全面知识。SVG是一种基于XML的图形标准,允许在网页上...

    raphaeljs 炫丽 js特效

    RaphaëlJS 是一个强大的JavaScript库,专用于在Web浏览器中创建丰富的矢量图形。这个库由Dmitry Baranovskiy开发,它的目标是提供一个跨浏览器的平台,使得开发者能够在任何现代浏览器(包括IE6+)中轻松地绘制复杂...

    raphael.js绘制流程图

    Raphaël.js是一款强大的JavaScript库,专门用于在Web浏览器中创建矢量图形。这个库使得开发者能够在HTML5 canvas或SVG(Scalable Vector Graphics)上绘制复杂的图形,包括流程图。流程图是一种用于表示算法、工作...

    raphael.js实例

    Raphaël.js 是一个JavaScript库,它使得在Web浏览器中创建矢量图形变得简单。这个库基于SVG(Scalable Vector Graphics)和VML(Vector Markup Language),能够在所有现代浏览器以及Internet Explorer 6+上运行。...

    raphael.min.js

    raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;

    raphael.js绘制中国地图 地图绘制方法

    在本文中给大家分享如何使用raphael.js来完成地图交互,raphael.js是一个很小的javascript库,它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能,需要的朋友可以参考下

    raphael.js

    Raphael.js是一个强大的JavaScript库,专为在Web上创建矢量图形而设计。它基于SVG(Scalable Vector Graphics)和VML(Vector Markup Language)技术,使得在任何现代浏览器上都能实现高质量、可缩放的图形绘制。 ...

    raphael-min.js

    raphael-min.js

Global site tag (gtag.js) - Google Analytics