embedresponsively icon indicating copy to clipboard operation
embedresponsively copied to clipboard

Issue with google map

Open richtrefz opened this issue 7 years ago • 0 comments

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&#39;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&#39;s to Angerstein's

If I use embedresponsively's style and div and the original iframe, it seems OK

richtrefz avatar Jan 31 '18 21:01 richtrefz