顺德区地理信息公共服务平台

平台首页开发中心 API
地图类API 测面积
测面积
可以使用measureArea()实现地图测面积。
                                                            <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                                                            <html xmlns="http://www.w3.org/1999/xhtml">
                                                            <head>
                                                                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                                                                <title>二次开发Demo </title>
                                                                <!--引入地图框架-->
                                                                <script src="https://tianditu.shunde.gov.cn/portalsys/DCIMapMiddleware.initapi" type="text/javascript">
                                                                </script>
                                                                <!--地图边框样式-->
                                                                <style type="text/css">
                                                                    .content {
                                                                        height: 380px;
                                                                        width: 770px;
                                                                        border: 1px solid #000000;
                                                                        text-align: left;
                                                                    }

                                                                        .content > input {
                                                                            position: absolute;
                                                                            z-index: 2000;
                                                                            top: 360px;
                                                                            left: 15px;
                                                                        }
                                                                </style>
                                                            </head>
                                                            <body>
                                                                <div id="map_div" class="content">
                                                                    <!--测面积-->
                                                                    <input type="button" class="Button" value="测面积" onclick="map.measureArea()" /> 
                                                                </div>
                                                            </body>
                                                        </html>
                                                        <!--创建地图实例代码-->
                                                        <script type="text/javascript">
                                                            var map = null;
                                                            function showMap() {
                                                                map = new DCIMap("map_div", DCIMapConfig.mapInitParams);
                                                                switch (DCIMapConfig.vecMap.type) {
                                                                    case 0://WMTS
                                                                        var layers = new DCIWMTSLayer(DCIMapConfig.vecMap.Url);
                                                                        break;
                                                                    case 1://1为mapserver切片
                                                                        var layers = new esri.layers.ArcGISTiledMapServiceLayer(DCIMapConfig.vecMap.Url);
                                                                        break;
                                                                }
                                                                map.addLayer(layers, 0);
                                                                map.showSlider(map.initExtent, DCIMapConfig.sliderConfig);
                                                            }
                                                            dojo.addOnLoad(showMap);
                                                        </script>