index.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>组件 | vue-amap</title>
  6. <meta name="description" content="Description">
  7. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  8. <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
  9. <link rel="stylesheet" href="//unpkg.com/vuep/dist/vuep.css">
  10. <script src="//unpkg.com/vue@2.5.3/dist/vue.min.js"></script>
  11. <script src="//unpkg.com/vuep/dist/vuep.min.js"></script>
  12. </head>
  13. <body>
  14. <div id="app"></div>
  15. </body>
  16. <script>
  17. window.$docsify = {
  18. loadSidebar: true,
  19. coverpage: true,
  20. auto2top: true,
  21. alias: {
  22. '/zh-cn/.*/_sidebar.md': '/_sidebar.md'
  23. }
  24. }
  25. </script>
  26. <style>
  27. .vuep {
  28. flex-direction: column;
  29. clear: both;
  30. overflow: hidden;
  31. box-shadow: 0 0 13px #a0a0a0;
  32. height: auto;
  33. margin: 30px 0;
  34. }
  35. .vuep-editor {
  36. height: 300px;
  37. }
  38. .vuep-editor,
  39. .vuep-preview {
  40. width: auto;
  41. overflow: visible;
  42. margin-right: 0;
  43. }
  44. .vuep-preview {
  45. padding: 0;
  46. }
  47. .amap-demo {
  48. height: 300px;
  49. }
  50. .toolbar {
  51. padding: 10px;
  52. }
  53. .toolbar button{
  54. background: #42b983;
  55. border: 0;
  56. color: white;
  57. padding: 8px;
  58. margin: 0 5px;
  59. border-radius: 3px;
  60. cursor: pointer;
  61. }
  62. .search-box {
  63. position: absolute;
  64. top: 15px;
  65. left: 20px;
  66. }
  67. .amap-page-container {
  68. position: relative;
  69. }
  70. </style>
  71. <script type="text/javascript">
  72. window.VueAMap.initAMapApiLoader({
  73. key: '160cab8ad6c50752175d76e61ef92c50',
  74. plugin: ['Autocomplete', 'PlaceSearch', 'Scale', 'OverView', 'ToolBar', 'MapType', 'PolyEditor', 'AMap.CircleEditor', 'Geolocation', 'Geocoder', 'MarkerClusterer', 'ElasticMarker'],
  75. uiVersion: '1.0',
  76. v: '1.4.6'
  77. });
  78. </script>
  79. <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
  80. <script>
  81. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  82. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  83. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  84. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  85. ga('create', 'UA-101628170-1', 'auto');
  86. ga('send', 'pageview');
  87. </script>
  88. </html>