首页 / 浏览问题 / 其他 / 问题详情
官网的例子到本地运行后总会出现未定义这个未定义那个
43EXP 2020年10月28日
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>地图叠加</title>
    <script type="text/javascript" src="dist/leaflet/include-leaflet.js"></script>
    <script src="./leaflet-measure-path.js"></script>
    <script src="ZJ.js"></script>
<body style="margin: 0;overflow: hidden;background: rgb(212, 62, 62);width: 100%;height: 100%;position: absolute;top: 0" >
<!-- 添加承载地图控件的容器 -->
<div id="map-distance" style="z-index: 2000;">
    <span>量距</span>
</div>
<div id="map" style="margin:0 auto;width: 100%;height:100%"></div>
<script type="text/javascript">
    // 设置访问的GIS服务地址
    var url="http://222.84.136.150:8081/geoesb/proxy/f6b3c78a553843919b45ca9d0be09cc2/886e60bb7e014f22a707de23e6f6505d";
    var scaleDenominators = [591658710.90831, 295829355.454155,
        147914677.727296,73957338.8636482,36978669.4318241,18489334.715912,9244667.357942339,4622333.678977581,2311166.8394887904,1155583.4197443998,577791.709872198,288895.854936099,144447.92746804998,72223.9637340248,36111.9818670124,18055.9909335062,9027.9954667531,4513.99773337655,2256.99886668828];
    var origin = [-180.0,90.0];
    // var urlrest ="http://222.84.136.150:8081/geoesb/proxy/80f84391c26649948456e5440dafb344/886e60bb7e014f22a707de23e6f6505d";
    // var urlrest ="http://192.168.48.119:8090/iserver/services/map-XZQJDDT/wmts100";
    var res = [1.4062499999980482,0.7031249999990241,0.3515625000000313,0.17578125000001618,0.08789062500000809,0.043945312500003914,0.021972656249969493,0.010986328124999981,0.0054931640624999905,0.002746582031250007,0.0013732910156249987,0.0006866455078124993,0.00034332275390625087,0.00017166137695312497,0.00008583068847656249,0.00004291534423828124,0.00002145767211914062,0.00001072883605957031,0.000005364418029785168];
    // 创建地图对象
    map = L.map("map",{
        center:[24.2,109.4],
        zoom:15,
        crs:new L.Proj.CRS("EPSG:4326",{
            origin: origin,
            scaleDenominators: scaleDenominators,
            resolutions: res
        }),
        bound:L.bounds([-180.0,-90.0],[180.0,90.0])
    });
    L.supermap.wmtsLayer(url,{
        layer:"GOVMAP",
        style:"default",
        tilematrixSet:"CustomCRS4490ScaleGOVMAP",
        format:"image/png"
    }).addTo(map)

    // L.supermap.tiledMapLayer(urlrest, {
    //     // transparent: true,
    //     // opacity: 0.6
    // }).addTo(map);

//多边形
    var polygon = L.polygon([
                [24.2,109.4],
                [24.2,109.5],
                [24.3,109.5],
                [24.3,109.4],
            ], { showMeasurements: true })
            .addTo(map);
//距离
    L.polyline([
                [24.5,109.4],
                [24.5,109.6],
                [24.4,109.4],
            ],
            {
                showMeasurements: true,
                measurementOptions: { imperial: true}
            })
            .addTo(map);
L.control.layers().addTo(map);


layerService();

function layerService() {
    L.supermap
        .layerInfoService(url,{
            proxy: "http://localhost:8090/GettingStart/httpproxy/httpproxy.jsp?url=http://222.84.136.150:8081/geoesb/proxy/f6b3c78a553843919b45ca9d0be09cc2/886e60bb7e014f22a707de23e6f6505d",
            crossOrigin: true,
        })
        .getLayersInfo(function (serviceResult) {
            var result = serviceResult.result;
            var innerHTML = "";
            result.subLayers.layers.map(function (layer) {
                innerHTML += layer.name + "<br>";
            });
            infowin = L.popup({maxWidth: 400})
                .setLatLng(map.getCenter())
                .setContent(innerHTML)
                .openOn(map);
        });
        console.log(serviceResult);
}
</script>

</body>
</html>



Uncaught ReferenceError: serviceResult is not defined
    at layerService (量距量面.html:90)
    at 量距量面.html:71
量距量面.html:82 Uncaught (in promise) TypeError: Cannot read property 'subLayers' of undefined
    at Bs.<anonymous> (量距量面.html:82)
    at Ie.triggerEvent (iclient-leaflet-es6.min.js:101)
    at Bs.serviceProcessFailed (iclient-leaflet-es6.min.js:218)
    at Bs.getUrlFailed (iclient-leaflet-es6.min.js:218)
    at iclient-leaflet-es6.min.js:28
    at iclient-leaflet-es6.min.js:218









<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title data-i18n="resources.title_mapQueryByGeometry"></title>
<script type="text/javascript" include="widgets" src="js/include-web.js"></script>
</head>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
<script type="text/javascript" src="dist/leaflet/include-leaflet.js"></script>
<script type="text/javascript">
    var map, resultLayer,
        url = "";
    map = L.map('map', {
        preferCanvas: true,
        center: [39, 100],
        maxZoom: 18,
        zoom: 5
    });
    L.supermap.tiledMapLayer(url).addTo(map);

    query();

    function query() {
        var polygon = L.polygon([[38, 100], [36, 110], [35, 105], [38, 100]], {color: 'red'});
        polygon.addTo(map);
        //服务端数据坐标系为 3857,因此将查询数据转为与服务端对应坐标系:
        var geometry = L.Util.transform(polygon, L.CRS.EPSG4326, L.CRS.EPSG3857);

        var param = new SuperMap.QueryByGeometryParameters({
            queryParams: {name: "China_Province_pl@China"},
            geometry: geometry
        });
        widgets.loader.showLoader();
        L.supermap
            .queryService(url)
            .queryByGeometry(param, function (serviceResult) {
                //leaflet 绘制数据默认为 4326,服务器返回数据为 3857,因此在加载到地图前,先进行坐标系转换:
                var result = L.Util.transform(serviceResult.result.recordsets[0].features, L.CRS.EPSG3857, L.CRS.EPSG4326);
                widgets.loader.removeLoader();
                resultLayer = L.geoJSON(result).addTo(map);
                polygon.remove();
                polygon.addTo(map);
            });
    }
</script>
</body>
</html>



Uncaught ReferenceError: widgets is not defined
    at query (柳州.html:39)
    at 柳州.html:27

1个回答

您这个是因为您js引用的问题,具体的引用方法您可以参考我们的官网https://iclient.supermap.io/web/introduction/leafletDevelop.html#createMap

2,248EXP 2020年10月29日
没用的回复,官网我都看烂了
...