svg的地图终于出来了

        经过一个月多的努力,svg的地图终于出来了,同事们看着也很惊奇,居然我们也能作到那种类似与GOOGLE的效果.实际上背后的切地图啊,给数据啊的工作都是另一个同事完成的,真正的前面的svg部分还是很简单的.
      
       这次只是一个demo, 很多方面作的不好,

       1. 地图不美观, 这个应该是风格的设置问题

       2. 高亮部分很粗糙, 也没有闪动效果

       3. 控制部分没有合进地图中, 使的地图的控制看上去效果不好,

         在这次中, 通过改动viewBox来进行地图的控制,实际上效果并不是很好, 真正开作时, 要试验一下通过改变transform来进行地图的控制. 如果这个能作的出来, 那就可以加上类似google map那样的控制组件, 那么通过提高地图的美观度与风格会使外观效果更上一个台阶.

          由于是demo, 所以在javascript代码方面比较随意, 而且代码中有很多定制过的东东.以后这些定制的东东要能进行配置.

       1. 在什么比例下有什么图层,
       2. 什么比例的放大是多少
       3.各个图层的风格是什么
      
       这次的实现还有很多原来的实现的影子, 但实际上, 真正实用的功能还没有提供,应该可以提供显示部分数据, 而不是打开所有图层的功能.

       不过有了这次完成的demo, 至少知道我们也是能作到这些效果的. 有信心就是好事
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值