svg的地图终于出来了

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

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

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

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

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

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

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

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

你可能感兴趣的:(SVG)