vizLayer_cartoCSS_polygon.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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_cartoCSSPolygon"></title>
  9. <script type="text/javascript" include="bootstrap,widgets.alert" src="../js/include-web.js"></script>
  10. <script type="text/javascript" exclude="iclient-classic" src="../../dist/classic/include-classic.js"></script>
  11. <style type="text/css">
  12. body {
  13. margin: 0;
  14. overflow: hidden;
  15. background: #fff;
  16. width: 100%;
  17. height: 100%
  18. }
  19. #map {
  20. position: absolute;
  21. width: 100%;
  22. height: 100%;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div id="map"></div>
  28. <script type="text" id="textData">
  29. #单值专题图___5 {}
  30. </script>
  31. <script>
  32. var map, layer, cartoCss,
  33. host = window.isLocal ? window.server : "https://iserver.supermap.io",
  34. url = host + "/iserver/services/map-changchun/rest/maps/长春市区图";
  35. init();
  36. function init() {
  37. if (!document.createElement('canvas').getContext) {
  38. widgets.alert.showAlert(resources.msg_supportCanvas, false);
  39. return;
  40. }
  41. map = new SuperMap.Map("map", {
  42. controls: [
  43. new SuperMap.Control.ScaleLine(),
  44. new SuperMap.Control.Zoom(),
  45. new SuperMap.Control.Navigation({
  46. dragPanOptions: {
  47. enableKinetic: true
  48. }
  49. })]
  50. });
  51. cartoCss = document.getElementById("textData").text;
  52. layer = new SuperMap.Layer.TiledVectorLayer("ChangChun", url, {
  53. cacheEnabled: true,
  54. returnAttributes: true
  55. }, {useLocalStorage: true, cartoCss: cartoCss});
  56. layer.events.on({"layerInitialized": addLayer});
  57. }
  58. function addLayer() {
  59. map.addLayers([layer]);
  60. var center = new SuperMap.LonLat(5102.23, -2959.65);
  61. map.setCenter(center, 2);
  62. }
  63. </script>
  64. </body>
  65. </html>