Я только что сделал карту листовки, спроектировал всплывающие окна карты с начальной загрузкой, и когда я вставляю свою карту в свой сайт WordPress, всплывающее окно карты разрывается. Я понял это, потому что мой Wordpress использует немного более старую версию начальной загрузки, что как-то противоречит моему дизайну карт.
Я думаю, что нарушает дизайн всплывающих окон - этот элемент в моем файле wordpress page.php
<div class="col-lg-8 col-md-12">
Потому что, если я удаляю его, то карта работает как надо, но стиль WordPress не работает.
мой код iframe:
<iframe src="link to map" width="100%" height="680" frameborder="0"></iframe>
Это стиль всплывающего окна. Извините, я знаю, что это грязно, потому что я использовал его в файле JavaScript. + a [5] + - переменные массива javascript.
<div class='cont'>
<div class='row'>
<div class='col-7'>
<div class='text-center'>
<h5 class='card-title text-center'>"+a[2]+"</h5>
<p class='card-text'>"+a[4]+"</p>
</div>
<br />
<div class='adrese'>
<img src='https://cdn3.iconfinder.com/data/icons/map-markers-1/512/residence-512.png' width='20'>
<span class='glyphicon glyphicon-envelope card-text font-weight-bold'>"+a[7]+"   </span>
<img src='https://cdn2.iconfinder.com/data/icons/picons-basic-1/57/basic1-011_calendar-512.png' width='20'>
<span class='glyphicon glyphicon-envelope card-text font-weight-bold'>"+a[8]+"</span>
</div>
</div>
<div class='col-md-5 float-right'>
<div class='atstarpe'>
<a href='./images/"+a[5]+".JPG' target='_blank'>
<img class='d-block ' width='130' height='87' src='./images/"+a[5]+".JPG' alt='Pirmais slaids'>
</a>
</div>
<div class='atstarpe'>
<a href='./images/"+a[6]+".JPG' target='_blank'>
<img class='d-block' width='130' 'height='87' src='./images/"+a[6]+".JPG' alt='Pirmais slaids'>
</a>
</div>
</div>
</div>
</div>
Всплывающее окно "Мои карты" (без рамки)
Карта без рамки
Карты всплывают при вставке в Wordpress
Карта Iframed