embedresponsively
embedresponsively copied to clipboard
Issue with google map
I got this URL from the Share button on google maps
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12271.787264452325!2d-75.5890157!3d39.7408455!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xda3faaeb4c91bfdf!2sAngerstein's+Building+Supply%2C+Fireplace+and+Lighting+Center!5e0!3m2!1sen!2sus!4v1517434233901" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
embedresponsively returns this
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12271.787264452325!2d-75.5890157!3d39.7408455!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xda3faaeb4c91bfdf!2sAngerstein's+Building+Supply%2C+Fireplace+and+Lighting+Center!5e0!3m2!1sen!2sus!4v1517434233901' width='400' height='300' frameborder='0' style='border:0' allowfullscreen></iframe></div>
Google shows this in browser: The Google Maps API server rejected your request. Invalid request. Invalid 'pb' parameter
I'm guessing its due to embedresponsively changing things like Angerstein's
to Angerstein's
If I use embedresponsively's style and div and the original iframe, it seems OK