l_tile_vue.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  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_componentsRaster_Vue"></title>
  9. <script type="text/javascript" include="vue" src="../js/include-web.js"></script>
  10. <script include="iclient-leaflet-vue" src="../../dist/leaflet/include-leaflet.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="1329428269">
  22. <sm-tile-layer :url="url"></sm-tile-layer>
  23. </sm-web-map>
  24. </div>
  25. <script>
  26. var host = window.isLocal ? window.server : 'https://iserver.supermap.io';
  27. new Vue({
  28. el: '#main',
  29. data() {
  30. return {
  31. url: host + '/iserver/services/map-Population/rest/maps/PopulationDistribution'
  32. };
  33. }
  34. });
  35. </script>
  36. </body>
  37. </html>