drill-down.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>jVectorMap demo</title>
  5. <link rel="stylesheet" media="all" href="../jquery-jvectormap.css"/>
  6. <script src="assets/jquery-1.8.2.js"></script>
  7. <script src="../jquery-jvectormap.js"></script>
  8. <script src="../lib/jquery-mousewheel.js"></script>
  9. <script src="../src/jvectormap.js"></script>
  10. <script src="../src/abstract-element.js"></script>
  11. <script src="../src/abstract-canvas-element.js"></script>
  12. <script src="../src/abstract-shape-element.js"></script>
  13. <script src="../src/svg-element.js"></script>
  14. <script src="../src/svg-group-element.js"></script>
  15. <script src="../src/svg-canvas-element.js"></script>
  16. <script src="../src/svg-shape-element.js"></script>
  17. <script src="../src/svg-path-element.js"></script>
  18. <script src="../src/svg-circle-element.js"></script>
  19. <script src="../src/svg-image-element.js"></script>
  20. <script src="../src/svg-text-element.js"></script>
  21. <script src="../src/vml-element.js"></script>
  22. <script src="../src/vml-group-element.js"></script>
  23. <script src="../src/vml-canvas-element.js"></script>
  24. <script src="../src/vml-shape-element.js"></script>
  25. <script src="../src/vml-path-element.js"></script>
  26. <script src="../src/vml-circle-element.js"></script>
  27. <script src="../src/map-object.js"></script>
  28. <script src="../src/region.js"></script>
  29. <script src="../src/marker.js"></script>
  30. <script src="../src/vector-canvas.js"></script>
  31. <script src="../src/simple-scale.js"></script>
  32. <script src="../src/numeric-scale.js"></script>
  33. <script src="../src/ordinal-scale.js"></script>
  34. <script src="../src/color-scale.js"></script>
  35. <script src="../src/data-series.js"></script>
  36. <script src="../src/proj.js"></script>
  37. <script src="../src/map.js"></script>
  38. <script src="../src/multimap.js"></script>
  39. <script src="assets/jquery-jvectormap-data-us-lcc-en.js"></script>
  40. <script>
  41. $(function(){
  42. var map1,
  43. map2;
  44. new jvm.MultiMap({
  45. container: $('#map1'),
  46. maxLevel: 1,
  47. mapUrlByCode: function(code, multiMap){
  48. return 'assets/us/jquery-jvectormap-data-'+code.toLowerCase()+'-'+multiMap.defaultProjection+'-en.js';
  49. },
  50. main: {
  51. map: 'us_lcc_en'
  52. }
  53. });
  54. });
  55. </script>
  56. </head>
  57. <body>
  58. <div id="map1" style="width: 900px; height: 600px"></div>
  59. </body>
  60. </html>