multi.html 1.0 KB

1234567891011121314151617181920212223242526272829
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <title>JQVMap - Europe Map</title>
  6. <link href="../jqvmap/jqvmap.css" media="screen" rel="stylesheet" type="text/css" />
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  8. <script src="../jqvmap/jquery.vmap.js" type="text/javascript"></script>
  9. <script src="../jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
  10. <script type="text/javascript">
  11. jQuery(document).ready(function() {
  12. jQuery('#vmap').vectorMap({
  13. map: 'europe_en',
  14. enableZoom: true,
  15. showTooltip: true,
  16. multiSelectRegion: true,
  17. //selectedRegion: ['ES','FR'],
  18. selectedRegion: 'FR'
  19. });
  20. });
  21. </script>
  22. </head>
  23. <body>
  24. <div id="vmap" style="width: 680px; height: 520px;"></div>
  25. </body>
  26. </html>