Title: Vanilla Adaptive Maps
Author: jcdesign
Published: <strong>ستمبر 22, 2015</strong>
Last modified: ستمبر 22, 2015

---

پلگ انز تلاش کریں

![](https://ps.w.org/vanilla-adaptive-maps/assets/banner-772x250.png?rev=1251391)

یہ پلگ ان **ورڈپریس کے تازہ ترین 3 ریلیزوں کے ساتھ ٹیسٹ نہیں کیا گیا ہے**۔ اب یہ
برقرار نہیں رکھا جا سکتا یا معاونت نہیں کی جا سکتی اور اس کو ورڈپریس کے تازہ ترین
ورژنز کے ساتھ استعمال کیے جانے پر مطابقت کے مسائل ہو سکتے ہیں۔

![](https://ps.w.org/vanilla-adaptive-maps/assets/icon-256x256.png?rev=1251360)

# Vanilla Adaptive Maps

 منجانب [jcdesign](https://profiles.wordpress.org/jcdesign/)

[ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/vanilla-adaptive-maps.1.0.1.zip)

 * [تفصیلات](https://ur.wordpress.org/plugins/vanilla-adaptive-maps/#description)
 * [جائزے](https://ur.wordpress.org/plugins/vanilla-adaptive-maps/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/vanilla-adaptive-maps/#installation)
 * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/vanilla-adaptive-maps/#developers)

 [معاونت](https://wordpress.org/support/plugin/vanilla-adaptive-maps/)

## تفصیل

A way to include an Adaptive Map, based on [Brad Frost’s Adaptive Maps pattern](http://bradfrostweb.com/blog/post/adaptive-maps/),
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](http://bradfrostweb.com/blog/post/adaptive-maps/) who 
presented the idea quite a while ago.

## اسکرین شاٹس

[⌊Entering shortcode into a post⌉⌊Entering shortcode into a post⌉[

Entering shortcode into a post

[⌊The map is created above the link⌉⌊The map is created above the link⌉[

The map is created above the link

[⌊On narrower screens, a static map image will be created instead⌉⌊On narrower screens,
a static map image will be created instead⌉[

On narrower screens, a static map image will be created instead

## انسٹالیشن

 1. Upload the `vanilla-adaptive-maps` folder to the `/wp-content/plugins/` directory
 2. 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"]'); ?>
    ```

## عمومی سوالات

  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.php`
and look for `set_breakpoint`. You can change the number there.

Right now we are only supporting a pixel-based breakpoint. I want to change that,
though.

## جائزے

There are no reviews for this plugin.

## شراکت دار اور ڈیویلپرز

“Vanilla Adaptive Maps” اوپن سورس سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں
حصہ لیا:

شراکت دار

 *   [ jcdesign ](https://profiles.wordpress.org/jcdesign/)

[“Vanilla Adaptive Maps” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/vanilla-adaptive-maps)

### ڈویلپمینٹ میں دلچسپی ہے؟

[کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/vanilla-adaptive-maps/)،
[ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/vanilla-adaptive-maps/)
کو چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/vanilla-adaptive-maps/?limit=100&mode=stop_on_copy&format=rss)۔

## چینج لاگ

#### 1.0.1

 * Files reorganized. No code changes.

#### 1.0

 * Initial release.

## میٹا

 *  Version **1.0.1**
 *  Last updated **11 سال پہلے**
 *  Active installations **90+**
 *  WordPress version ** 3.3 یا اس سے جدید **
 *  Tested up to **4.3.34**
 *  Language
 * [English (US)](https://wordpress.org/plugins/vanilla-adaptive-maps/)
 * Tags
 * [Google Maps](https://ur.wordpress.org/plugins/tags/google-maps/)[map](https://ur.wordpress.org/plugins/tags/map/)
   [responsive](https://ur.wordpress.org/plugins/tags/responsive/)[shortcode](https://ur.wordpress.org/plugins/tags/shortcode/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/vanilla-adaptive-maps/advanced/)

## درجہ بندیاں

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/vanilla-adaptive-maps/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/vanilla-adaptive-maps/reviews/)

## شراکت دار

 *   [ jcdesign ](https://profiles.wordpress.org/jcdesign/)

## معاونت

کچھ کہنا ہے؟ مدد چاہیے؟

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/vanilla-adaptive-maps/)

## عطیہ دیں

کیا آپ اس پلگ ان کی ترقی میں معاونت کرنا چاہتے ہیں؟

 [ اس پلگ ان کو عطیہ دیں ](http://jeremycarlson.com/)