index.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- 必须强制指定页面编码为 UTF-8 -->
  5. <meta charset="utf-8">
  6. <!-- Demo 的简要说明,必须要填写 -->
  7. <meta name="description" content="使用 kity 渲染中国地图">
  8. <!-- Demo 的作者,建议填写 -->
  9. <meta name="author" content="kity@baidu.com">
  10. <!-- Demo 的标题,必须填写 -->
  11. <title>中国地图</title>
  12. <!-- Demo 开发过程中使用 CMD 引入 Kity 源码,方便调试 -->
  13. <!-- dev start -->
  14. <!-- 目录型的 Demo 注意修正源码引用路径 -->
  15. <script src="../../dev-lib/sea.js"></script>
  16. <script>
  17. // 设置好 kity 源代码目录
  18. seajs.config( { base: '../../src'} );
  19. // 定义 Demo 模块
  20. define('demo', function(require) {
  21. var kity = require('kity');
  22. var ChinaMap = require('../demo/chinamap/chinamap');
  23. var paper = new kity.Paper(document.body);
  24. paper.addShape(new ChinaMap());
  25. });
  26. </script>
  27. <!-- dev end -->
  28. <!-- 生产使用中可以直接引用发布压缩的版本 -->
  29. <!-- production start -->
  30. <!-- 目录型的 Demo 注意修正源码引用路径 -->
  31. <!-- <script src="../dist/kity.min.js"></script> -->
  32. <!-- production end -->
  33. <style>
  34. body, div, html {
  35. margin: 0;
  36. padding: 0;
  37. overflow: hidden;
  38. height: 100%;
  39. }
  40. </style>
  41. </head>
  42. <body></body>
  43. <script>
  44. // 启动 Demo 模块
  45. seajs.use('demo');
  46. </script>
  47. </html>