svgMap使用简谈

        由于最近项目需要，制作地图文件，网上没有合适的地图，自己用PS扣了地图文件，并转换成svg格式文件，使用jquery调用，展示地图，做的不好，仅供大家学习。

第一步：抠图，

        在网上找到地图图片，将地图中多余的部分去掉，背景做成透明的（便于之后更换主题方便），有需要的可以直接下载图片即可。

 

第二步：将图片转换成svg格式的文件

        需要再电脑上安装inkscape软件，下载链接附上inkscape。

        安装软件后，打开图片，使用快捷菜单alt + i 保存就好。

 

第三步：再图上标记点

        使用inkscape软件画五角星，或者是画圆，图表如下：

完成之后如下图：

（请忽略其中的线）

第四步：为创建的点或着是五角星更改id属性