-
画图工具,Inkscape 。初始画页面为200*300 像素
生成为SVG数据,从中获取path的数据字段。
利用图片JS模板,在width设置为200,height为300.注意ID 和name 不能重复,否则数据无法显示
-
在HTML页面,导入第一张图片是必选的。
DIV 设置的样式style="margin:0 auto;width: 500px; height: 600px“
显示的大小与制作的JS的数据相对应。 -
在利用Inkscape进行画图时,边框需要一笔到位。这样才能形成闭环,在JS地图显示时,才会完全显示。
备注:
利用jvectormap在测试multimap时,需要把地图数据放置在服务器上,在本地通过html无法显示第二级的地图,这个问题困扰了一天时间。
第二级地图显示时,显示的样式和颜色块,仍然是按照默认的map样式。如果需要修改,则需要进入map.js进行对元素数据的修改。
文字、事件 都可以处理,但多颜色块目前还没有想到解决办法。我认为通过对元素JS的修改,也是可以达到效果的。
暂时用统一颜色进行显示吧。