首页 / 浏览问题 / 云GIS / 问题详情
leaflet的弹窗功能显示不出来
21EXP 2019年04月05日

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

 

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

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

3 个回答

你好

可能是类库没有引入正确,请在确认一下你的库是否引入成功。是否成功引入include-web.js,和include-leaflet.js文件。
3,352EXP 2019年04月08日
您好,看浏览器的调试信息应该是这个对象没被定义,可以检查下相关代码
5,668EXP 2019年04月08日
我跟你遇到了一样的问题,你的解决了吗
27EXP 2019年04月15日
解决了,是因为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文件了

解决了吗?
...