Title: Sizing [googlemaps] block
Last modified: August 13, 2019

---

# Sizing [googlemaps] block

 *  Resolved [Adam Badura](https://wordpress.org/support/users/adambadura/)
 * (@adambadura)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/sizing-googlemaps-block/)
 * The page at the link is temporary and protected with “test” password.
 * After installing Jetpack I can add `[googlemaps]` shortcode using the Shortcode
   element, entering the following:
 * `[googlemaps https://www.google.com/maps/d/u/0/embed?mid=1KZx3en1mXG8LBORBkSHhHctl-
   8VFTQtK]`
 * However, I don’t know how can I change size (width and height) of the rendered
   element. Whereas with `<iframe>` taken directly from Google Maps and entered 
   using the Custom HTML element:
 * `<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1KZx3en1mXG8LBORBkSHhHctl-
   8VFTQtK" width="100%" height="550"></iframe>`
 * I can use `width="100%" height="550"`.
 * How to achieve this with `[googlemaps]` shortcode?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsizing-googlemaps-block%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Contributor [James Huff](https://wordpress.org/support/users/macmanx/)
 * (@macmanx)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/sizing-googlemaps-block/#post-11829612)
 * If you embed the map following this guide, the height and width will translate
   to the shortcode: [https://en.support.wordpress.com/google-maps/#embedding-a-google-map](https://en.support.wordpress.com/google-maps/#embedding-a-google-map)
 * Alternatively, try the Map Block: [https://jetpack.com/support/jetpack-blocks/map-block/](https://jetpack.com/support/jetpack-blocks/map-block/)
 *  Thread Starter [Adam Badura](https://wordpress.org/support/users/adambadura/)
 * (@adambadura)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/sizing-googlemaps-block/#post-11829627)
 * > If you embed the map following this guide, the height and width will translate
   > to the shortcode: [https://en.support.wordpress.com/google-maps/#embedding-a-google-map](https://en.support.wordpress.com/google-maps/#embedding-a-google-map)
 * This is another issue. The conversion doesn’t work on my page. I have tried pasting
   the code:
    `<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1KZx3en1mXG8LBORBkSHhHctl-
   8VFTQtK" width="100%" height="550"></iframe>` in three forms (all with block 
   editor):
    1. Custom HTML block element
    2. Classic block element (as source code)
    3. some other form of classic (paragraph?) element (as source code as well)
 * and none of the got converted into anything. While editing the page again all
   still show as the elemen originally used to paste the `<iframe>` code.
 * > Alternatively, try the Map Block: [https://jetpack.com/support/jetpack-blocks/map-block/](https://jetpack.com/support/jetpack-blocks/map-block/)
 * As a general approach maybe, but in this particular case I already have a map
   with many objects on it and having to translate it and keep them in sync doesn’t
   seem a good idea.
 *  Plugin Contributor [James Huff](https://wordpress.org/support/users/macmanx/)
 * (@macmanx)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/sizing-googlemaps-block/#post-11832338)
 * Whoops you’re right, that’s one of those cases where the WordPress.com documentation
   isn’t entirely applicable to what Jetpack provides. 🙂
 * If you check the screenshot of the shortcode at [https://en.support.wordpress.com/google-maps/#embedding-a-google-map](https://en.support.wordpress.com/google-maps/#embedding-a-google-map)
   you’ll be able to see how height and width is applied to the shortcode. That 
   will definitely work.
 *  Thread Starter [Adam Badura](https://wordpress.org/support/users/adambadura/)
 * (@adambadura)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/sizing-googlemaps-block/#post-11840022)
 * Indeed! Adding (manually) `&w=100%&h=550` to the link in `[googlemaps]` did the
   job. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Sizing [googlemaps] block’ is closed to new replies.

 * ![](https://ps.w.org/jetpack/assets/icon.svg?rev=2819237)
 * [Jetpack - WP Security, Backup, Speed, & Growth](https://wordpress.org/plugins/jetpack/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jetpack/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jetpack/)
 * [Active Topics](https://wordpress.org/support/plugin/jetpack/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jetpack/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jetpack/reviews/)

## Tags

 * [googlemaps](https://wordpress.org/support/topic-tag/googlemaps/)

 * 4 replies
 * 2 participants
 * Last reply from: [Adam Badura](https://wordpress.org/support/users/adambadura/)
 * Last activity: [6 years, 9 months ago](https://wordpress.org/support/topic/sizing-googlemaps-block/#post-11840022)
 * Status: resolved