映射容器已初始化错误显示在页面底部

时间:2016-03-02 07:56:02

标签: leaflet

我正在使用传单框架在地图上显示标记。错误信息显示在页面底部"出现问题。地图容器已初始化..请重试。"当多个标记添加到地图时。标记的所有功能都可以。如果只有1个标记添加到地图中,则此错误消息不会显示在底部

var map;
var arrMarkers = [];
var lat = value1[1];
var lang = value1[2];
var map = new L.Map('map');
map.setView([lat, lang], 6);
L.tileLayer('api.tomtom.com/map/1/tile/basic/main{z}/{x}/{y}.png?key={piKey}', {
    apiKey: 'trv87gvquv8yyfr4nrwgsdzc',
    maxZoom: 18
}).addTo(map);
for (i = 0; i < allpairs.length; i++) {
    var j = 0,
        k = 0;
    var newpair = allpairs[i].split('#');
    var text = newpair[0];
    var lat1 = newpair[1];
    var lng1 = newpair[2];
    var title = text;
    var title1 = '<h1> this is sample text </h1> <br></br> text';
    var marker = L.marker([lat1, lng1], 'showtext');
    marker.addTo(map).bindPopup(title1);
    marker.bindLabel(title, {
        nohide: true
    }).addTo(map);
}

1 个答案:

答案 0 :(得分:0)

您的代码在添加标记时调用L.map("containerId")的可能性非常高。

L.map每个容器只能调用一次。

保存引用(例如var map = L.map("containerId")),以便您可以将其重复用于下一个标记:L.marker(coords).addTo(map)

如果这不能解决您的问题,则必须发布您的代码以获得进一步的帮助。