imbaa

Ilja Zaglov

The responsive Goolge Maps Plug-In brings Responsive <a href="https://developers.google.com/maps/?hl=de" title="Google Maps API" rel="nofollow ugc">Google Maps API</a> via the Google Maps API to your site. 
When the browser-window is resized, the Plug-In automatically recenters the map view to the desired coordinates. You can activate and deactivate map control elements, set the height and the type of map (road, satellite).
And that’s pretty much it.
How to use
The Plug-In requires at leas two values to work: the latitude and the longitude of the location to display
[responsive_map lat=”51.44303″ lng=”7.01247″]
If you need to use the Shortcode inside a theme, just use <code><?php do_shortcode('[responsive_map lat="51.44303" lng="7.01247"]') ?></code>.
See it in action on <a href="http://www.imbaa.de" title="imbaa Kreativagentur Essen" rel="nofollow ugc">imbaa Kreativagentur</a>‘s site.
Infowindow
Version 1.1.1 of Responsive Google Maps is capable of displaying infowindows on the markers location. 
To enable an infowindow simply put your infowindow text inside the [responsive_map] Tag.
You can use HTML if you like.
[responsive_map lat=”51.44″ lng=”7.01″]Infotext goes here[/responsive_map]
Possible other Parameters:
<ul>
<li>lng: 51.44 / Longitude</li>
<li>lat: 7.01 / Latitude</li>
<li>height = 400px / Height of the Container of the Map</li>
<li>zoom = 10 / Zoom Level of the Map</li>
<li>show_marker = true / Should a marker be displayed?</li>
<li>title = null / Title of the Marker</li>
<li>zoom_control = true / Enable or disable Zoom-Conrol</li>
<li>pan_control = true / Enable or disable Pan-Conrol</li>
<li>map_type_control = true / Enable or disable Map-Type-Conrol</li>
<li>scale_control = true / Enable or disable Scale Control</li>
<li>street_view_control = true / Enable or disable Street View</li>
<li>overview_map_control = true / Enable or disable Map Control</li>
<li>map_type (str) = road / Set Map Typ to Road („road“) or satellite („sattelite“)</li>
<li>scrollwheel = true / Enable or disable zooming via scrollwheel</li>
<li>draggable = false / Enable or disable draggable map. On touchscreen devices dragging is disabled</li>
<li>auto_open_info_window = false / Open info-window automatically, when map is loaded</li>
</ul>
Coming up next:
Custom marker images

Responsive Google Maps | by imbaa

This Plug-In displays responsive and configurable Maps by Google Maps in your WordPress Site.

Greg - SiteOrigin

alexgso

Braam Genis

The SiteOrigin Widgets Bundle gives you all the elements you need to build modern, responsive, and engaging website pages. Using the Widgets Bundle, you can quickly and effortlessly add buttons, sliders, heroes, maps, images, carousels, features, icons, and so much more.
SiteOrigin Widgets are ready to be used anywhere, in <a href="https://siteorigin.com/page-builder/" rel="nofollow ugc">Page Builder by SiteOrigin</a>, in the Block Editor or your theme’s widget areas. The Widgets Bundle is even compatible with other popular page-building plugins.
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/102103379" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
Our collection is growing, and here are some of the powerful widgets included so far:
<ul>
<li>Accordion Efficiently display content in expandable sections, maximizing space for improved organization.</li>
<li>Anything Carousel Display images, text, or any content in a highly customizable and responsive carousel slider.</li>
<li>Author Box Display author information, including avatar, name, bio, and post links in a customizable box.</li>
<li>Blog Showcase blog content in personalized list or grid layouts with flexible design and display settings.</li>
<li>Button Create a custom button with flexible styling, icon support, and click tracking functionality.</li>
<li>Button Grid Add multiple buttons in one go, customize individually, and present them in a neat grid layout.</li>
<li>Contact Form Add a contact form with custom fields, design options, spam protection, and email notifications.</li>
<li>Call To Action Prompt visitors to take action with a customizable title, subtitle, button, and design settings.</li>
<li>Editor Insert and customize content with a rich text editor offering extensive formatting options.</li>
<li>Features Showcase features with icons, titles, text, and links in a customizable grid layout.</li>
<li>Google Maps Embed a customizable Google Map with markers, directions, styling options, and interactive elements.</li>
<li>Headline Engage visitors with a prominent, stylish headline and optional divider and sub-headline to convey key messages.</li>
<li>Hero Image Build an impressive hero image section with custom content, buttons, background image, color, and video.</li>
<li>Icon Display a customizable icon with color, size, alignment, and optional link settings.</li>
<li>Image Add a responsive image with custom dimensions, positioning, caption, link, and styling options.</li>
<li>Image Grid Showcase images in a responsive grid layout with custom size, spacing, alignment, and captions.</li>
<li>Image Slider Create a responsive slider with customizable image and video frames, navigation, and appearance settings.</li>
<li>Layout Slider Design responsive slider frames with unique layouts, backgrounds, and content built with Page Builder.</li>
<li>Lottie Player Bring your content to life using interactive Lottie animations with personalized settings and links.</li>
<li>Post Carousel Display blog posts or custom post types in a responsive, customizable carousel layout.</li>
<li>Price Table Display pricing plans in a professional table format with custom columns, features, and design.</li>
<li>Recent Posts Drive traffic to your latest content with a visually appealing, fully customizable recent posts showcase.</li>
<li>Simple Masonry Layout Display images in an attractive masonry grid with adjustable columns, gutters, and optional captions.</li>
<li>Social Media Buttons Add social media buttons to your site with personalized icons, colors, and design settings.</li>
<li>Tabs Create tabbed content panels with customizable titles, content, initial tab, and design settings.</li>
<li>Taxonomy Automatically display the taxonomies of the current post with customizable labels, colors, and link settings.</li>
<li>Testimonials Feature testimonials from satisfied customers with tailored layouts, images, text, colors, and mobile compatibility.</li>
<li>Video Player Embed self-hosted or externally hosted videos with a customizable player, controls, and responsive sizing.</li>
</ul>
<h4>Ready to Be Used Anywhere</h4>
<ul>
<li>Page Builder by SiteOrigin: Insert widgets in Page Builder by SiteOrigin in either the Classic Editor or Page Builder Layout Block in the Block Editor.</li>
<li>Block Editor: The Widgets Bundle is 100% Block Editor compatible. Insert widgets using the SiteOrigin Widgets Block featuring a live widget search form.</li>
<li>Theme and Plugin Widget Areas: Insert widgets in any theme or plugin widget area.</li>
<li>In Other Popular Page Builder Plugins: Insert widgets in Elementor or Beaver Builder.</li>
</ul>
<h4>Built for Speed</h4>
We carefully built each widget for the best possible page size and load time. The Widgets Bundle is perfectly compatible with <a href="https://wordpress.org/plugins/autoptimize/" rel="ugc">Autoptimize</a> and all other major performance plugins.
<h4>SEO Optimized</h4>
The Widgets Bundle uses modern SEO best practices and seamlessly integrates with all major SEO plugins.
<h4>Accessibility Ready</h4>
The Widgets Bundle is accessibility-ready. Tab through all form fields and settings, make changes without using a mouse.
<h4>Actively Developed</h4>
SiteOrigin has been creating magical tools for your WordPress website since 2011. We actively develop the Widgets Bundle with updates released several times a month, including new features and fixes as required. View our Widgets Bundle work on <a href="https://github.com/siteorigin/so-widgets-bundle" rel="nofollow ugc">GitHub</a>.
<h4>Create Custom Widgets</h4>
Access a huge array of features and save time by developing custom widgets for your theme or plugin on the Widgets Bundle Framework. Read more in our extensive <a href="https://siteorigin.com/docs/widgets-bundle/" rel="nofollow ugc">developer documentation</a>.
<h3>Documentation</h3>
<a href="https://siteorigin.com/widgets-bundle/getting-started/" rel="nofollow ugc">Documentation</a> is available on SiteOrigin.
<h3>Support</h3>
Free support is available on the <a href="https://siteorigin.com/thread/" rel="nofollow ugc">SiteOrigin support forums</a>.
<h3>SiteOrigin Premium</h3>
<a href="https://siteorigin.com/downloads/premium/" rel="nofollow ugc">SiteOrigin Premium</a> enhances the Widgets Bundle with a vast array of additional features and settings. Take your layouts to the next level with SiteOrigin Premium addons.
SiteOrigin Premium includes access to our professional email support service, perfect for those times when you need fast and effective technical support. We’re standing by to assist you in any way we can.

SiteOrigin Widgets Bundle

I love this plugin - I use it for all my sites. I have the premium version and the support is spectacular! Easy to learn and use, tons of awesome features!

The best page builder plugin!

Essential elements for modern websites. Add buttons, sliders, heroes, maps, images, carousels, features, icons, more. Create dynamic pages easily.

Responsive Google Maps | by imbaa vs SiteOrigin Widgets Bundle