Question

我有一个包含可点击标记的传单地图。单击标记后，将打开一个弹出窗口。我想在此地标中显示第二张传单地图，这一次显示了已单击位置的放大视图。

对于弹出窗口，我具有以下代码：

var marker = new L.marker([@Latitude, @Longitude], { icon: Green }).addTo(map).bindPopup('<strong>@Code - @Name</strong><br/>@Html.Raw(Address.Replace("\r\n","<br/>"))<br/><br/><a href="~/View/@Id">view</a><div id="minimap" style="height: 200px;"></div>');
marker._latitude = @Latitude;
marker._longitude = @Longitude;

然后我使用以下事件，该事件在弹出窗口打开时触发：

map.on('popupopen', function (e) {

    L.map('minimap').setView([e.popup._source._latitude, e.popup._source._longitude], 7);

});

这将打开一个空白地图，控制台中出现以下错误：

Uncaught TypeError: Cannot read property 'querySelectorAll' of null
at Object.Chartist.createSvg (chartist.js:330)
at constr.createChart (chartist.js:3778)
at constr.initialize (chartist.js:1925)

关于如何使它工作的任何建议？似乎是在查找地图div（更改ID会导致“找不到地图div”错误，因此这不是问题。

传单弹出窗口中的传单地图

0 个答案: