mvtVectorTile_landuse.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!--********************************************************************
  2. * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
  3. *********************************************************************-->
  4. <html>
  5. <head>
  6. <meta charset='utf-8' />
  7. <title data-i18n="resources.title_mvtVectorLayer_mapboxStyle_landuse"></title>
  8. <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
  9. <script type="text/javascript" src="../js/include-web.js"></script>
  10. <script type="text/javascript" exclude='iclient-mapboxgl' src="../../dist/mapboxgl/include-mapboxgl.js"></script>
  11. <style>
  12. body {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. #map {
  17. position: absolute;
  18. top: 0;
  19. bottom: 0;
  20. width: 100%;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div id='map'></div>
  26. <script type="text/javascript">
  27. var host = window.isLocal ? window.server : "https://iserver.supermap.io";
  28. var map = new mapboxgl.Map({
  29. container: 'map', // container id
  30. style: host +
  31. '/iserver/services/map-mvt-landuse2/rest/maps/landuse/tileFeature/vectorstyles.json?type=MapBox_GL&styleonly=true',
  32. center: [108.913171372641, 23.8262192695701], // starting position
  33. zoom: 13,
  34. minZoom: 11,
  35. maxZoom: 15,
  36. attributionControl: false
  37. });
  38. map.addControl(new mapboxgl.NavigationControl(), 'top-left');
  39. </script>
  40. </body>
  41. </html>