Support
Embed a Responsive Google Map
Step-by-step instructions on embedding a responsive Google Map + Code Snippet
Example code (Highlighted code is from https://maps.google.com):
<br><br>
<center>
<divclass="map-responsive">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3038.453099941327!2d-75.49970108435144!3d40.398812164652504!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c427b3ef27b977%3A0x8542ea9aa2613dad!2s351%20Main%20St%20%232%2C%20Pennsburg%2C%20PA%2018073!5e0!3m2!1sen!2sus!4v1643640649069!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></div>
<style>
.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
</style>
<br><br>
</center
Did this answer your question?
😞
😐
🤩
