<< rockyuse/svgmap · GitHub | 首页 | 使用 ant 简洁构建前端 - { focus : web } - ITeye技术网站 >>

制作Web地图的几种方法

JavaScript-based:jVectorMap

jVectorMap uses only native browser technologies like JavaScript, CSS, HTML, SVG or VML. No Flash or any other proprietary browser plug-in is required. This allows jVectorMap to work in all modern mobile browsers.

参考:http://dove19900520.iteye.com/blog/1880668

D3.js

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

纯SVG

raphaeljs

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

 

Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

GeoMap:https://github.com/x6doooo/GeoMap

http://www.helloweba.com/view-blog-242.html

http://www.cnblogs.com/linfei721/archive/2013/06/02/3114174.html

http://rockydo.com/svgmap/svgmap.html

 

 

 

 

 Fabric.js

Fabric.js is a powerful and simple

Javascript HTML5 canvas library

 

Fabric provides interactive object model on top of canvas element

Fabric also has SVG-to-canvas (and canvas-to-SVG) parser




发表评论 发送引用通报