Использование пользовательского поля в Google Map Встраиваемый код работает в одной теме, а не в другом

Я построил сайт, использующий двадцать двенадцать, который еще не находится на реальном сервере, но который позволяет вам просто ввести адрес улицы в настраиваемое поле и выводит карту Google, расположенную прямо по этому адресу, с маркером на номере дома. Он работает точно так, как я хочу. Я сделал это, добавив произвольный вывод поля в код iframe:

<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?center=<?php the_field('street_address'); ?>&q=<?php the_field('street_address'); ?>&zoom=14&size=300x300&output=embed&iwloc=near"></iframe><br /> 

Теперь я пытаюсь использовать этот же код в другой теме, которую я разработал с помощью WordPress и Bootstrap 3. Он отказывается правильно центрировать или правильно масштабировать. Он становится близким, но это бесполезно, и он не показывает маркер. Я предполагаю, что проблема связана с тем, что это Bootstrap, но мне было бы полезно, если бы кто-то мог подтвердить это, чтобы я мог хотя бы знать, что я не забываю что-то очевидное, и так же важно, чтобы я мог убедитесь, что мой первый сайт не собирается ломаться по какой-то причине, потому что я не кодировал его правильно. Я просто сокращаю и вставляю приведенный выше код из старой темы в текущую. Я уверен, что правильно назову пользовательское поле.