custom.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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="../jquery-mousewheel.js"></script>
  9. <script src="../lib/jvectormap.js"></script>
  10. <script src="../lib/abstract-element.js"></script>
  11. <script src="../lib/abstract-canvas-element.js"></script>
  12. <script src="../lib/abstract-shape-element.js"></script>
  13. <script src="../lib/svg-element.js"></script>
  14. <script src="../lib/svg-group-element.js"></script>
  15. <script src="../lib/svg-canvas-element.js"></script>
  16. <script src="../lib/svg-shape-element.js"></script>
  17. <script src="../lib/svg-path-element.js"></script>
  18. <script src="../lib/svg-circle-element.js"></script>
  19. <script src="../lib/vml-element.js"></script>
  20. <script src="../lib/vml-group-element.js"></script>
  21. <script src="../lib/vml-canvas-element.js"></script>
  22. <script src="../lib/vml-shape-element.js"></script>
  23. <script src="../lib/vml-path-element.js"></script>
  24. <script src="../lib/vml-circle-element.js"></script>
  25. <script src="../lib/vector-canvas.js"></script>
  26. <script src="../lib/simple-scale.js"></script>
  27. <script src="../lib/numeric-scale.js"></script>
  28. <script src="../lib/ordinal-scale.js"></script>
  29. <script src="../lib/color-scale.js"></script>
  30. <script src="../lib/data-series.js"></script>
  31. <script src="../lib/proj.js"></script>
  32. <script src="../lib/world-map.js"></script>
  33. <script src="assets/jquery-jvectormap-map.js"></script>
  34. <script>
  35. $(function(){
  36. var map = $('#map1').vectorMap({
  37. map: 'map',
  38. markers: [
  39. {coords: [100, 100], name: 'Marker 1', style: {fill: 'yellow'}},
  40. {coords: [200, 200], name: 'Marker 2', style: {fill: 'yellow'}},
  41. ]
  42. });
  43. })
  44. </script>
  45. </head>
  46. <body>
  47. <div id="map1" style="width: 600px; height: 600px"></div>
  48. </body>
  49. </html>