components_minimap_vue.html 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!--********************************************************************
  2. * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
  3. *********************************************************************-->
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="UTF-8">
  8. <title data-i18n='resources.title_componentsMiniMap_Vue'></title>
  9. <script type="text/javascript" include="vue" src="../js/include-web.js"></script>
  10. <script include="iclient-mapboxgl-vue,mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
  11. <style>
  12. #main{
  13. margin: 0 auto;
  14. width: 100%;
  15. height: 100%;
  16. }
  17. </style>
  18. </head>
  19. <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
  20. <div id="main">
  21. <sm-web-map server-url='https://iportal.supermap.io/iportal' map-id="801571284">
  22. <!-- 鹰眼组件: sm-mini-map -->
  23. <sm-mini-map :collapsed="false"></sm-mini-map>
  24. </sm-web-map>
  25. </div>
  26. <script>
  27. new Vue({
  28. el: '#main'
  29. })
  30. </script>
  31. </body>
  32. </html>