leaflet的弹窗功能显示不出来

1 投票
55 浏览

加载完地图之后,调用这个函数:

 

function mapService() {
        L.supermap.mapService(url).getMapInfo(function (serviceResult) {
            var result = serviceResult.result;
            var innerHTML = "("+resources.text_mapInfoPrint+")" + "<br><br>";
            innerHTML += resources.text_mapName+":" + JSON.stringify(result.name, null, 2) + "<br>";
            innerHTML +=  resources.text_center+":" + JSON.stringify(result.center, null, 2) + "<br>";
            innerHTML += "Bounds:" + JSON.stringify(result.bounds, null, 2) + "<br>";
            innerHTML+="没有了,就这些";
            infoWin = L.popup({maxWidth: 400})
                .setLatLng(map.getCenter())
                .setContent(innerHTML)
                .openOn(map);
        });
    }

但是预想的弹窗并没有出来,经过浏览器调试显示:

TypeError: targetScript is undefined[详细了解] localization.js:122:9

    inputScript file:///D:/Start/js/localization.js:122

    initializeI18N file:///D:/Start/js/localization.js:43

    <anonymous> file:///D:/Start/text4.html:16

ReferenceError: resources is not defined

环境配置方面感觉没什么问题,调用地图也能显示出来,但是就是这个不行,

4月 5 分类:  55次浏览 | 用户: wenyeqv (9 分)

3 个回答

0 投票
你好

可能是类库没有引入正确,请在确认一下你的库是否引入成功。是否成功引入include-web.js,和include-leaflet.js文件。
4月 8 用户: xiao_yang 学富五车 (551 分)
0 投票
您好,看浏览器的调试信息应该是这个对象没被定义,可以检查下相关代码
4月 8 用户: 于浩 名扬四海 (2,557 分)
0 投票
我跟你遇到了一样的问题,你的解决了吗
4月 15 用户: 15738510630 初出茅庐 (22 分)
解决了,是因为css样式库没有完全的引入,你可以查看我们的开发指南 关于npm引入,下面有介绍引入css和如何引入模板

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"/>

<link rel="stylesheet" href="http://iclient.supermap.io/dist/leaflet/iclient9-leaflet.min.css"/>
你好,我第一步使用命令行安装npm,说npm不是命令,是怎么回事?

我也引入了js文件了

解决了吗?
...