Quick Maps
| 开发者 |
quickmaps
rnzo ivanharmat |
|---|---|
| 更新时间 | 2026年7月16日 13:19 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
[quick-maps]Orlando, Florida[/quick-maps]
[quick-maps]One Infinite Loop, Cupertino, CA 95014[/quick-maps]
[quick-maps height="500px"]Magic Kingdom, Florida[/quick-maps]
That's the whole setup — a clean, responsive Google Map appears in your post, page, or widget.
Because Quick Maps renders a standard, lazy-loaded Google Maps embed (not the paid JavaScript API), your maps load fast, add no heavy scripts to your pages, and never trigger a surprise bill from Google.
Key Features
Each feature below links to a full how-to guide on quickmaps.io.
- No API key required: no Google Cloud project, no billing, no keys to manage. Full guide.
- One simple shortcode:
[quick-maps]Your address or place[/quick-maps]is all it takes. Full guide. - Map any address or place: a street address, a business name, a landmark, or latitude/longitude coordinates. Full guide.
- Responsive by default: maps fill their container (width
100%) and adapt to any screen size. Full guide. - Set your own size: control the map with the
widthandheightattributes, e.g.[quick-maps height="500px" width="80%"]Miami, FL[/quick-maps]. Full guide. - Choose the map style: roadmap (default),
satellite,hybrid, orterrainwith thetypeattribute, e.g.[quick-maps type="satellite"]Grand Canyon[/quick-maps]. Full guide. - Set the zoom level with the
zoomattribute (0 = whole world, 21 = street level), e.g.[quick-maps zoom="16"]Times Square, NYC[/quick-maps]. Full guide. - Show the map in any language with the
langattribute, e.g.[quick-maps lang="es"]Madrid[/quick-maps]. Full guide. - Show driving directions between two places with the
fromandtoattributes, e.g.[quick-maps from="Orlando, FL" to="Miami, FL"][/quick-maps]. Full guide. - Lazy-loaded: the embed uses native lazy loading, so maps below the fold don't slow your initial page load. Full guide.
- Works everywhere shortcodes do: posts, pages, and text/HTML widgets, including most page builders. Full guide.
- Lightweight and clean: no bloat, no tracking, no account required.
- Color Schemes: style maps to match your brand with dark, muted, grayscale, and sepia presets.
- Custom Markers: use your own pins, brand colors, and marker images.
- Advanced Lazy Loading: click-to-load and scroll-to-load facades for faster pages and better visitor privacy.
- Custom JS: extend map behavior with your own scripts.
- Custom CSS: fine-tune the exact look of your maps.
安装:
- In your WordPress dashboard, go to Plugins → Add New and search for "Quick Maps", or upload the plugin ZIP under Plugins → Add New → Upload Plugin.
- Click Install Now, then Activate.
- Edit any post, page, or widget and add the shortcode with the address or place you want to show:
[quick-maps]Orlando, Florida[/quick-maps] - Publish or update — your map is live. No API key or configuration needed.
常见问题:
Do I need a Google Maps API key?
No. Quick Maps works without any API key, Google Cloud project, or billing account. Install it and use the shortcode.
How do I add a map?
Put the address or place name inside the shortcode and add it to any post, page, or widget:
[quick-maps]One Infinite Loop, Cupertino, CA 95014[/quick-maps]
How do I change the size of the map?
Use the width and height attributes. Width defaults to 100% (responsive) and height to 300px:
[quick-maps height="500px" width="75%"]Magic Kingdom, Florida[/quick-maps]
Can I show my business or a specific location?
Yes. Use your business name, a full street address, a landmark, or latitude/longitude coordinates as the shortcode content.
Can I show a satellite or terrain map?
Yes. Add the type attribute with satellite, hybrid, or terrain. The default is the standard road map:
[quick-maps type="hybrid"]Golden Gate Bridge[/quick-maps]
Can I set the zoom level?
Yes. Use the zoom attribute with a value from 0 (the whole world) to 21 (street level):
[quick-maps zoom="17"]Willis Tower, Chicago[/quick-maps]
Can I show the map in another language?
Yes. Add the lang attribute with a language code, e.g. lang="es" for Spanish or lang="fr" for French:
[quick-maps lang="fr"]Paris[/quick-maps]
Can I show driving directions?
Yes. Use the from and to attributes to draw a route between two places:
[quick-maps from="Orlando, FL" to="Miami, FL"][/quick-maps]
Will Quick Maps slow down my website?
No. Quick Maps outputs a single, native lazy-loaded embed with no heavy JavaScript, so maps load quickly and don't block your page.
Can I use it inside a widget or page builder?
Yes. Quick Maps works anywhere WordPress shortcodes run, including text/HTML widgets and most popular page builders.
Is Quick Maps free?
Yes, the plugin is free. The premium version at quickmaps.io adds color schemes, custom markers, custom JS/CSS, and advanced lazy-loading controls.