Вставьте время iframe в карту Google

Я вставил карту Google, созданную на моих сайтах, с помощью приложения Google. Эта карта - всплывающее окно, которое открывается, когда я нажимаю на кнопку, и занимает 100% экрана. Теперь я хочу добавить iframe, который показывает время, но я не могу отобразить его на карте Google. На этом изображении я наглядно объясняю, чего хочу достичь: introducir la descripción de la imagen aquí

                    <div style="display:none;">
                        
                        <div class="iframe_temperatura" style="position:absolute;right:50%;top:50%;">
                            <?php echo $video['weather'];?>
                        </div>
                        
                        <div id="mapa_google" class="code_<?php echo $count;?>">
                            <?php echo $video['code'];?>
                        </div>
                    </div>

                    <script type="text/javascript">
                    var url = $('.code_<?php echo $count;?> iframe').attr('src');
                    $('a.link_<?php echo $count;?>').attr('href', url);
                    </script>

      /*  CBOX    */
    /////////////////////////
    $(".group1").colorbox({rel:"group1", innerWidth:"100%", innerHeight:"100%"});
	$(".group2").colorbox({rel:"group2", transition:"fade", innerWidth:"100%", innerHeight:"100%"});
    $(".group3").colorbox({rel:"group3", transition:"fade", innerWidth:"100%", innerHeight:"100%"});
	$(".group4").colorbox({rel:"group4", slideshow:true});
	$(".ajax").colorbox();
	$(".youtube").colorbox({iframe:true, width:"100%", height:"100%"});
	$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
	$(".iframe").colorbox({iframe:true, innerWidth:"100%", innerHeight:"100%"});
	$(".inline").colorbox({inline:true, innerWidth:"100%", innerHeight:"100%"});

    
        $(window).resize(function(){
            var alto_pantalla = $(window).height();
            var ancho_pantalla = $(window).width();
            
            if( $('#cboxOverlay').css( 'visibility' ) ){
                $('.group1').colorbox.resize({ innerWidth:'100%',innerHeight:"100%" });
				$(".group2").colorbox.resize({ innerWidth:'100%',innerHeight:"100%" });
				$(".iframe").colorbox.resize({ innerWidth:'100%',innerHeight:"100%" });
				$(".inline").colorbox.resize({ innerWidth:'100%',innerHeight:"100%" });
            }
            
        });
});
1
задан 15.01.2017, 19:27
0 ответов

iframe не загрузит тебя из-за ограничений безопасности Google. То, что ты можешь делать, является div с персонализированным классом и манипулировать этим посредством Javascript для того, чтобы он сдержался.

Посредством css ты определяешь класс или пойдите и ты распределяешь ему признак z index, чтобы это помещать впереди.

1
ответ дан 03.12.2019, 17:40

Теги

Похожие вопросы