controler_overviewmap.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!--********************************************************************
  2. * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
  3. *********************************************************************-->
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  8. <title data-i18n="resources.title_overviewmap"></title>
  9. <script type="text/javascript" src="../js/include-web.js"></script>
  10. </head>
  11. <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
  12. <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
  13. <script type="text/javascript" exclude="iclient-classic" src="../../dist/classic/include-classic.js"></script>
  14. <script type="text/javascript">
  15. var host = window.isLocal ? window.server : "https://iserver.supermap.io";
  16. var map, layerWorld;
  17. var url = host + "/iserver/services/map-world/rest/maps/World";
  18. map = new SuperMap.Map("map", {
  19. controls: [
  20. new SuperMap.Control.Navigation({
  21. dragPanOptions: {
  22. enableKinetic: true
  23. }
  24. })]
  25. });
  26. //初始化鹰眼控件类
  27. overviewmap = new SuperMap.Control.OverviewMap();
  28. //属性minRectSize:鹰眼范围矩形边框的最小的宽度和高度。默认为8pixels
  29. overviewmap.minRectSize = 20;
  30. layerWorld = new SuperMap.Layer.TiledDynamicRESTLayer("World", url); //获取图层服务地址
  31. layerWorld.events.on({"layerInitialized": addLayer});
  32. //添加地图图层、鹰眼控件到map
  33. function addLayer() {
  34. map.addLayers([layerWorld]);
  35. map.addControl(overviewmap);
  36. map.setCenter(new SuperMap.LonLat(118, 40), 6);
  37. }
  38. </script>
  39. </body>
  40. </html>