<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> <title>Sketch widget - 4.11</title> <link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/themes/light/main.css" /> <script src="https://js.arcgis.com/4.11/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <script> require([ "esri/widgets/Sketch", "esri/Map", "esri/layers/GraphicsLayer", "esri/views/MapView" ], function(Sketch, Map, GraphicsLayer, MapView) { const layer = new GraphicsLayer(); const map = new Map({ basemap: "streets", layers: [layer] }); const view = new MapView({ container: "viewDiv", map: map, zoom: 5, center: [90, 45] }); const sketch = new Sketch({ // 与草图小部件相关联的图形图层。 layer: layer, // 关联到当前视图。 view: view }); view.ui.add(sketch, "top-right"); }); // 经测试,该草图部件的撤销和恢复功能,无效。 </script> </head> <body> <div id="viewDiv"></div> </body> </html>
草图部件.html
最新推荐文章于 2021-06-24 11:17:27 发布