У меня есть страница MapBox, которую я пытаюсь сохранить как изображение, и у меня она отлично работает в Microsoft Edge и Inte rnet Explorer, но я не получаю элементы, отображаемые в Chrome или Firefox ??? Когда я запускаю его в режиме отладки для Firefox, я вижу, что элементы заполняются, и страница действительно отображается правильно, но если я запускаю ее без пошагового выполнения кода, она все равно оказывается пустой. Нет ошибок или предупреждений в консоли для Chrome или Firefox ??? Любые идеи? Кажется, это может быть какая-то скрытая проблема безопасности?
function ShowMap() {
var OpenWindow = window.open('ExportMap.html', '_blank', 'width=1500,height=1500,resizable=1');
var imgMap = map.getCanvas().toDataURL('image/png', 1.0);
OpenWindow.document.getElementById('imgExportMap').src = imgMap;
var objLegend = document.getElementById('legend');
var divLeg = OpenWindow.document.getElementById('divLegend');
divLeg.innerHTML = objLegend.innerHTML;
}
<body>
<div id="divRow" class="divRow">
<div id="divCarrierInfo">
<button id="btnSave" class="btnMapAction" onclick="SavePageAsImg()" type="button">Save As</button>
<button id="btnPrint" class="btnMapAction" onclick="window.print()" type="button">Print</button</div>
<div id="divTitle">
<textarea id="taTitle">"Replace this text with your map title"</textarea>
</div>
</div>
<div id="divMapElements">
<div id="divLegend"></div>
<div id="divMap">
<img id="imgExportMap" src="" alt="None" title="Test">
</div>
</div>
<img id="result-image" src="" alt="None" title="ExportMap">
</body>