Raphael 实现手绘海南省三沙市地图

前言:由于引用的GIS地图只对三沙市进行块标识,并未对其岛屿进行详细标会,所以想要研究一下手绘三沙市的群岛信息

Raphael介绍:矢量图形提供了完美的跨浏览器实现方案。在支持SVG的浏览器中,它将代码渲染成SVG格式,在不支持SVG的浏览器中则会渲染为VML格式。只要对SVG有一定了解,上手Raphael也会很简单。raphael.js是一个很小的javascript库,它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能。此外raphael.js还跨浏览器兼容,而且还兼容老掉牙的IE6啊。raphael.js的官网地址: http://raphaeljs.com/

第一步:找到三沙市的地图信息(DataV.GeoAtlas地理小工具系列)

逐级点击,找到三沙市,并将其坐标转成svg文件下载

Raphael 实现手绘海南省三沙市地图_第1张图片

第二步:打开下载好的svg文件,复制path后的内容

 Raphael 实现手绘海南省三沙市地图_第2张图片

第三步:将复制的svg数据粘贴到 Raphael的方法中

map.sansa= {
        name: "三沙",
        path: R.path("M677  .....").attr(attr)
    }

你可能感兴趣的:(servlet,java,数据库)