fuyuhang
/
Project_yhfu
mirrorاز http://121.37.83.100:3000/sooka_onest/sooka_onest_forestfire_vue2_visualization.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940
							<!--********************************************************************
* Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
*********************************************************************-->
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title data-i18n='resources.title_componentsZoom_Vue'></title>
  <script type="text/javascript" include="vue" src="../js/include-web.js"></script>
  <script include="iclient-mapboxgl-vue,mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
  <style>
     #main{
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }
    .mapboxgl-ctrl button:not(:disabled):hover {
        background-color: transparent;
    }
  </style>
</head>

<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
  <div id="main">
    <sm-web-map server-url='https://iportal.supermap.io/iportal' map-id="801571284">
      <!-- 缩放组件:sm-zoom  props: showZoomSlider是否显示缩放的滑块 -->
      <sm-zoom :show-zoom-slider="true"></sm-zoom>
    </sm-web-map>
  </div>

  <script>
    new Vue({
      el: '#main'
    })

  </script>
</body>

</html>