Possible to embed a service area map with radius circle?

Solved
Highlighted
New Member
3 0 0

I would like to embed a service area map that shows a 20-mile radius from a point on a map. I embedded a map I created on Google Maps. It looks good on desktop, but does not respond on mobile and only half of the map displays. Is there any way to make the following map responsive on mobile, or is there a free Shopify app that can create radius maps? I'm only seeing store locator maps.

 

<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1TTd19z5-od0wfFgQ6n_8xRnlVP7_EuKM" width="640" height="480"></iframe>

Thanks.

0 Likes
Highlighted

Success.

Shopify Partner
87 29 22

This should make the embed responsive while limiting the width to 640px!

 

<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1TTd19z5-od0wfFgQ6n_8xRnlVP7_EuKM" width="100%" height="480" style="max-width: 640px;"></iframe>
Is your store fast enough? Compare your store's speed against hundreds of others for free with our benchmarker - https://www.rvere.com/
0 Likes
Highlighted
New Member
3 0 0

Amazing! Thanks for the quick reply, Alex! Works perfectly!

0 Likes