Wopisanje
A way to include an Adaptive Map, based on Brad Frost’s Adaptive Maps pattern, without requiring an external JavaScript library.
The basic premise is that we should be using mobile devices’ far better-suited mapping applications rather than attempting to frame maps in our own websites. Users w/ larger screens will get a full map in an iframe.
No styling has been provided, but the link and map are wrapped in div.adaptive-map.
Credits
All props to Brad Frost who presented the idea quite a while ago.
Fota wobrazowki
Entering shortcode into a post 
The map is created above the link 
On narrower screens, a static map image will be created instead
Instalacija
- Upload the
vanilla-adaptive-mapsfolder to the/wp-content/plugins/directory - Activate the plugin through the ‚Plugins‘ menu in WordPress
To use, write a shortcode like this: [vamap addr="1203 Pearl St, Boulder, CO 80302"]
To include a responsive map in a theme template, write the following PHP:
<?php echo do_shortcode('[vamap addr="1203 Pearl St, Boulder, CO 80302"]'); ?>
HSP
- What is the breakpoint between mobile and desktop?
-
Right now, the breakpoint is set at 550px, which was the default in Brad’s model, and seems reasonable to me.
- Can I change the breakpoint for switching from mobile to desktop?
-
Yes, although you’ll have to modify the plugin. Open
vanilla-adaptive-maps.phpand look forset_breakpoint. You can change the number there.Right now we are only supporting a pixel-based breakpoint. I want to change that, though.
Pohódnoćenja
Za tutón tykač pohódnoćenja njejsu.
Sobuskutkowarjo a wuwiwarjo
„Vanilla Adaptive Maps“ je softwara wotewrjeneho žórła. Slědowacy ludźo su k tutomu tykačej přinošowali.
Sobuskutkowarjo
Přełožće „Vanilla Adaptive Maps“ do swojeje rěče.
Na wuwiću zajimowany?
Přehladajće kod, hladajće do SVN-repozitorija abo abonujće wuwiwanski protokol přez RSS.
Protokol změnow
1.0.1
- Files reorganized. No code changes.
1.0
- Initial release.