如何在“打印”中增加地图标记的z-index?

时间:2018-07-06 12:04:24

标签: angular google-maps

我正在使用Angular。使用打印功能。

我想打印地图屏幕。

我正在使用@ ngui / map包。

使用以下代码,显示标记:

    const videoSection = document.querySelector('.video');
    if(videoSection) {
    	const playBtn = document.querySelector('.play-btn');
    	playBtn.addEventListener('click', playVideo);
    }

    function playVideo() {
    	const iframeHolder = document.querySelector('.iframe-holder');
    	const iframeEl = document.querySelector('.iframe-holder iframe');
    	const playStr = '?autoplay=true';
    	let baseUrl = iframeEl.getAttribute('src');
    	
    	iframeHolder.classList.add('play');
    	iframeEl.setAttribute('src', `${baseUrl}${playStr}`);
    	iframeEl.setAttribute('allow', 'autoplay');
    }

我正在显示剩余的自定义标记:

    <!doctype html>
    <html class="no-js" lang="">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">

    <title>Title</title>
    </head>
    <body>
    <div class="video">
    <span class='play-btn'></span>
    <iframe allowfullscreen="" frameborder="0"   src="https://player.youku.com/embed/XMjUzMzY2ODQ4OA=="></iframe>
    </div>
    </body>
    </html>

我一直想在打印屏幕上始终显示自定义标记上方的标记。

我该怎么办?

0 个答案:

没有答案