最近需要在页面嵌入一个矢量地图,在网上查了个JVECTORMAP: 显示矢量地图的JQUERY 插件,但是地图都是现成的。。我想自己画个地图,请问哪位大虾有画过类似的地图吧。。用什么工具画的。。网上找了个SVGDeveloper的工具,画的地图的生成的代码如下:
<path d="M 148 94 C 142.1667 97.83333 130.5 103.8333 129 112 C 127.5 120.1667 139.1667 135.5 139 143 C 138.8333 150.5 128 152 128 157 C 128 162 132.6667 169.5 139 173 C 145.3333 176.5 158.5 179 166 178 C 173.5 177 178 170 184 167 C 190 164 197.1667 160.1667 202 160 C 206.8333 159.8333 211.3333 164 213 166 C 214.6667 168 211 170.3333 212 172 C 213 173.6667 215.6667 178.6667 219 176 C 222.3333 173.3333 235.1667 165.6667 232 156 C 228.8333 146.3333 211.3333 129.1667 200 118 C 188.6667 106.8333 172.6667 92.99999 164 89 C 155.3333 85 153.8333 90.16666 148 94 Z" fill="#FFFFFF" stroke="#000000" />JVECTORMAP这个插件的地图数据格式如下
"paths": {"BD": {"path": "M652.74,228.93l-0.04,1.42l-0.55,-0.24l-0.13,0.0l-0.11,0.06l-0.08,0.19l0.06,0.82l-0.08,-0.15l-0.15,-1.32l-0.48,-1.28l-1.08,-1.58l-0.13,-0.1l-2.39,-0.12l-0.17,0.05l-0.09,0.12l-0.02,0.13l0.21,1.01l-0.61,1.14l-0.91,-0.44l-0.13,0.01l-0.09,0.05l-0.28,0.35l-0.56,-0.22l-0.8,-0.19l-0.37,-2.01l-0.84,-1.92l0.4,-1.5l-0.01,-0.16l-0.12,-0.14l-1.3,-0.6l0.37,-0.65l1.51,-0.95l0.12,-0.16l0.0,-0.13l-0.08,-0.13l-1.65,-1.29l0.66,-1.35l1.76,1.02l1.06,0.13l0.2,1.66l0.06,0.12l0.11,0.08l2.46,0.38l2.3,-0.04l1.1,0.34l-0.94,1.83l-1.01,0.14l-0.15,0.1l-0.8,1.54l-0.03,0.15l0.08,0.16l1.37,1.36l0.19,0.08l0.15,-0.04l0.11,-0.14l0.37,-1.5l0.28,-0.0l1.24,3.93Z", "name": "Bangladesh"}, "BE": {"path": "M429.28,144.27l1.83,0.25l2.23,-0.66l1.5,1.37l1.24,0.7l-0.24,1.84l-0.51,0.1l-0.15,0.14l-0.23,1.48l-1.91,-1.28l-0.13,-0.01l-1.15,0.23l-1.63,-1.44l-1.19,-1.34l-0.15,-0.05l-0.97,-0.05l-0.23,-0.73l1.69,-0.55Z", "name": "Belgium"}请问有什么画图工具可以生成JVECTORMAP插件可以识别的地图数据吗?感激~
<path d="M 148 94 C 142.1667 97.83333 130.5 103.8333 129 112 C 127.5 120.1667 139.1667 135.5 139 143 C 138.8333 150.5 128 152 128 157 C 128 162 132.6667 169.5 139 173 C 145.3333 176.5 158.5 179 166 178 C 173.5 177 178 170 184 167 C 190 164 197.1667 160.1667 202 160 C 206.8333 159.8333 211.3333 164 213 166 C 214.6667 168 211 170.3333 212 172 C 213 173.6667 215.6667 178.6667 219 176 C 222.3333 173.3333 235.1667 165.6667 232 156 C 228.8333 146.3333 211.3333 129.1667 200 118 C 188.6667 106.8333 172.6667 92.99999 164 89 C 155.3333 85 153.8333 90.16666 148 94 Z" fill="#FFFFFF" stroke="#000000" />JVECTORMAP这个插件的地图数据格式如下
"paths": {"BD": {"path": "M652.74,228.93l-0.04,1.42l-0.55,-0.24l-0.13,0.0l-0.11,0.06l-0.08,0.19l0.06,0.82l-0.08,-0.15l-0.15,-1.32l-0.48,-1.28l-1.08,-1.58l-0.13,-0.1l-2.39,-0.12l-0.17,0.05l-0.09,0.12l-0.02,0.13l0.21,1.01l-0.61,1.14l-0.91,-0.44l-0.13,0.01l-0.09,0.05l-0.28,0.35l-0.56,-0.22l-0.8,-0.19l-0.37,-2.01l-0.84,-1.92l0.4,-1.5l-0.01,-0.16l-0.12,-0.14l-1.3,-0.6l0.37,-0.65l1.51,-0.95l0.12,-0.16l0.0,-0.13l-0.08,-0.13l-1.65,-1.29l0.66,-1.35l1.76,1.02l1.06,0.13l0.2,1.66l0.06,0.12l0.11,0.08l2.46,0.38l2.3,-0.04l1.1,0.34l-0.94,1.83l-1.01,0.14l-0.15,0.1l-0.8,1.54l-0.03,0.15l0.08,0.16l1.37,1.36l0.19,0.08l0.15,-0.04l0.11,-0.14l0.37,-1.5l0.28,-0.0l1.24,3.93Z", "name": "Bangladesh"}, "BE": {"path": "M429.28,144.27l1.83,0.25l2.23,-0.66l1.5,1.37l1.24,0.7l-0.24,1.84l-0.51,0.1l-0.15,0.14l-0.23,1.48l-1.91,-1.28l-0.13,-0.01l-1.15,0.23l-1.63,-1.44l-1.19,-1.34l-0.15,-0.05l-0.97,-0.05l-0.23,-0.73l1.69,-0.55Z", "name": "Belgium"}请问有什么画图工具可以生成JVECTORMAP插件可以识别的地图数据吗?感激~
解决方案 »
- 如何遍历选中的行或列
- JavaBean的原理是是什么?
- firefox 下js问题
- C# 中的数组如何绑定到Javascript的数组里,或者在Javacript引用C#的数组.
- 问一个关于图片OCLICK事件的问题!在线等
- 谁能帮我区分一下这两段js代码的区别?
- 一个ListBox和一个Button,点击按钮后全选左边ListBox中的所有Item.
- 如何控制javascript中的字符集???????
- CSS 里用了同一元素用了opacity:0; 为什么还要用filter:alpha(opacity=0);
- jfinal beelt报错问题,新手求帮助
- 怎样实现在网页上的图片在“北京时间的每个整点” 换一次!求代码!
- 求鼠标移入元素时候知道鼠标从哪个方向移入的.
楼主 可以搜下 基于jquery的图表插件,很多的。
我最近也被这个问题困扰啊!
如何得到江苏地图的坐标信息啊!
另一种工具Microsoft Expression Blend,也是通过钩路径可以得到PATH数据。
希望对你有帮助。