关于Jvectormap的画图和multimap显示

  1. 画图工具,Inkscape 。初始画页面为200*300 像素
    生成为SVG数据,从中获取path的数据字段。
    利用图片JS模板,在width设置为200,height为300.

    注意ID 和name 不能重复,否则数据无法显示

  2. 在HTML页面,导入第一张图片是必选的。
    DIV 设置的样式style="margin:0 auto;width: 500px; height: 600px“
    显示的大小与制作的JS的数据相对应。

  3. 在利用Inkscape进行画图时,边框需要一笔到位。这样才能形成闭环,在JS地图显示时,才会完全显示。

备注:
利用jvectormap在测试multimap时,需要把地图数据放置在服务器上,在本地通过html无法显示第二级的地图,这个问题困扰了一天时间。
第二级地图显示时,显示的样式和颜色块,仍然是按照默认的map样式。如果需要修改,则需要进入map.js进行对元素数据的修改。
文字、事件 都可以处理,但多颜色块目前还没有想到解决办法。我认为通过对元素JS的修改,也是可以达到效果的。
暂时用统一颜色进行显示吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值