Google map not displaying on Iframe

Hi!
I am trying to display google maps on my posts and loading them through a custom field with the map address. I already have pulled the link in my content.php and have put it into an iframe with the following code

<?php $map =types_render_field("address", array("output" => "raw"));?>

			<iframe src='<?php echo $map;?>' width="600" height="450"  style="border:solid 1px grey;"></iframe>

When I do that I get the iframe displaying but its not showing anything. If I inspect the iframe element, I can see that the google map is showing as the source. This is what I get as I inspect the element
<iframe src="https://www.google.com.mx/maps/place/The+British+Pub/@25.655729,-100.356805,17z/data=!3m1!4b1!4m2!3m1!1s0x8662bde43e6a0af9:0xf4f26f1d6f21973b?hl=en" width="600" height="450" style="border:solid 1px grey;"></iframe>
So I dont understand why its not displaying the map inside the iframe.

Any and all help will be very appreciated.
Here’s a link to the post im working on atm (although this should work on all posts) https://loopr.mx/wp/2015/08/tarros-de-a-litro-65/