Skip to content

Loading…

Docq #70

Merged
merged 10 commits into from

3 participants

@tristen
Mapbox member
@tristen tristen merged commit fb3c21c into mb-pages
@tristen tristen deleted the docq branch
@wsnook

@tristen When I look at https://www.mapbox.com/mbxmapkit/ it does not appear to be doing whatever this example script was meant to accomplish, and I wonder if that has do to with #80 (brokenness on mobile).

Do you remember what this was supposed to look like?

Mapbox member

Thanks for that catch. Should be fixed.

@tristen Cool. This is what it looks like now at https://www.mapbox.com/mbxmapkit/ and I'm assuming this is what you intended:

screen shot 2014-05-27 at 3 51 32 pm

Is that correct?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Mar 4, 2014
  1. @tristen

    New layout - some copy work

    tristen committed
  2. @tristen
  3. @tristen

    Copy changes on caching usage

    tristen committed
  4. @tristen
Commits on Mar 7, 2014
  1. @incanus

    fix caps

    incanus committed
  2. @incanus

    bump to latest release 0.2.1

    incanus committed
  3. @incanus

    overwrite latest API

    incanus committed
  4. @incanus
  5. @tristen

    source, not binary

    tristen committed
  6. @tristen

    Swiftype adjustments

    tristen committed
View
11 _api.sh
@@ -7,11 +7,8 @@ YAML="\
title: MBXMapKit `git tag | sort -r | sed -n '1p'`
layout: api
permalink: /api
-categories: api
navigation:"
-CONTENT="\
-<p>Welcome to the MBXMapKit API documentation. Here you can find details on the classes, protocols, and other parts of the library.</p>
-"
+CONTENT=""
scrape() {
FR=`grep -n "$HTMLTOP" $1 | grep -o [0-9]*`
@@ -38,9 +35,9 @@ echo -e "$CONTENT" | \
# Simplify CSS.
sed 's,class="title ,class=",' | \
sed 's,class="section ,class=",' | \
- # Add an id to <h1>'s so they can be looked up by anchor links.
- sed '/Class Reference/s,<h1 class="title-header">\([^<]*\)</h1>,<h1 class="title-header" id="\1-class">\1</h1>,' | \
- sed '/Protocol Reference/s,<h1 class="title-header">\([^<]*\)</h1>,<h1 class="title-header" id="\1-protocol">\1</h1>,' | \
+ # Add an id to <h2>'s so they can be looked up by anchor links.
+ sed '/Class Reference/s,<h2>\([^<]*\)</h2>,<h2 id="\1-class">\1</h2>,' | \
+ sed '/Protocol Reference/s,<h2>\([^<]*\)</h2>,<h2 id="\1-protocol">\1</h2>,' | \
# Replace links to class/protocol pages with anchor links. Avoids http:// urls.
sed 's,<a href="[^#\"]*Classes[^\"]*">\([^<]*\)</a>,<a href="#\1-class">\1</a>,g' | \
sed 's,<a href="[^#\"]*Protocols[^\"]*">\([^<]*\)</a>,<a href="#\1-protocol">\1</a>,g' | \
View
4 _config.mb-pages.yml
@@ -1,7 +1,5 @@
api: https://www.mapbox.com
url: https://www.mapbox.com
-permalink: /:categories/:title
baseurl: /mbxmapkit
-title: MBXMapKit
-description: One-line MapBox integration with MapKit on iOS and OS X
+version: v0.2.1
pygments: true
View
4 _config.yml
@@ -1,7 +1,5 @@
api: https://122e4e-mapbox.global.ssl.fastly.net
url: https://122e4e-mapbox.global.ssl.fastly.net
-permalink: /:categories/:title
baseurl: /mbxmapkit
-title: MBXMapKit
-description: One-line MapBox integration with MapKit on iOS and OS X
+version: v0.2.1
pygments: true
View
16 _includes/developers-footer.html
@@ -1,16 +0,0 @@
-<div class='footer clearfix space-bottom'>
- <div class='col-section footer-label col6 pad4y'>
- <h3>Developer Tools</h3>
- <small>Documentation for all our projects.</small>
- </div>
- <div class='col2 pad4y strong small'>
- <a class='col12' href='{{site.url}}/developers/api/'>Core API</a>
- <a class='col12' href='{{site.url}}/mapbox.js/api/'>Mapbox.js</a>
- <a class='col12' href='{{site.url}}/map-sites/'>Map site templates</a>
- <a class='col12' href='{{site.url}}/mapbox-ios-sdk/'>MapBox iOS SDK</a>
- </div>
- <div class='col2 pad4y strong small'>
- <a class='col12' href='{{site.url}}/mbxmapkit/'>MBXMapKit for iOS &amp; OS X</a>
- <a class='col12' href='{{site.url}}/geo-for-google-docs/'>Geo for Google Docs</a>
- </div>
-</div>
View
17 _includes/header.html
@@ -1,17 +0,0 @@
-<script src='{{site.baseurl}}/assets/js/site.js'></script>
-<link href='{{site.baseurl}}/assets/css/site.css' rel='stylesheet' />
-
-<div class='col12 clearfix'>
- <div class='pad4y'>
- <h1 class='small'>
- <a class='quiet' href='{{site.url}}/{{page.section|downcase}}'>{{page.section}}</a>
- </h1>
- <h2>{{site.title}}</h2>
- <p>{{site.description}}</p>
- </div>
-
- <nav class='col12 pill mobile-cols space-bottom clearfix'>
- <a class='button col6 {% if page.url == "/" %} active{% endif %}' href='{{site.baseurl}}/'>Guide</a>
- <a class='button col6 {% if page.url contains "api" %} active{% endif %}' href='{{site.baseurl}}/api/'>API</a>
- </nav>
-</div>
View
42 _layouts/api.html
@@ -1,42 +1,8 @@
---
-layout: default
-section: developers
+layout: pages
+category: api
---
-{% include header.html %}
-
-<div class='keyline-all clearfix'>
- <div class='col3'>
- <div class='pad2 keyline-bottom'>
- <fieldset class='search with-icon'>
- <span class='icon search'></span>
- <input class='stretch' type='text' placeholder='Filter'>
- </fieldset>
- </div>
- {% if page.navigation %}
- {% for heading in page.navigation %}
- <nav class='doc-nav anchors'>
- <a class='pad1y pad2x col12 keyline-bottom truncate' href='#{{heading[0]|replace:' ','_'}}'><strong>{{heading[0]}}</strong></a>
- {% for item in heading[1] %}
- <a class='pad1y pad2x col12 keyline-bottom truncate' href='#{{item|replace:' ','_'}}'>{{item | replace:'-class','' | replace:'-protocol',''}}</a>
- {% endfor %}
- </nav>
- {% endfor %}
- {% endif %}
- </div>
- <div id='docs' class='col9 prose keyline-left'>
- <div class='doc pad4'>
- {{content}}
- </div>
- <div class='keyline-top pad2 small center'>
- The code and documentation to <a href='https://github.com/mapbox/mbxmapkit'>mbxmapkit is hosted on GitHub</a> where you can contribute changes and improvements.
- </div>
- </div>
+<div class='prose pad2 doc round fill-white keyline-all'>
+{{content}}
</div>
-
-{% include developers-footer.html %}
-
-<script>
- var docs = new Docs();
- docs.bindSearch($('.search input'), $('.doc-nav'));
-</script>
View
36 _layouts/guide.html
@@ -1,36 +0,0 @@
----
-layout: default
-section: developers
----
-
-{% include header.html %}
-
-<div class='keyline-all clearfix'>
- <div class='col3'>
- {% if page.navigation %}
- {% for section in page.navigation %}
- <nav class='doc-nav anchors'>
- <a class='pad1y pad2x col12 keyline-bottom' href='#{{section.title|downcase|replace:' ','_'}}'><strong>{{section.title}}</strong></a>
- {% for item in section.items %}
- {% if item.hash %}
- <a class='pad1y pad2x col12 keyline-bottom' href='#{{item.hash}}'>{{item.text}}</a>
- {% else %}
- <a class='pad1y pad2x col12 keyline-bottom' href='#{{item|downcase|replace:' ','_'}}'>{{item}}</a>
- {% endif %}
- {% endfor %}
- </nav>
- {% endfor %}
- {% endif %}
- </div>
- <div class='col9 doc-content keyline-left prose'>
- <div class='doc pad4'>
- <h1 id='{{page.title|downcase|replace:' ','_'}}'>{{page.title}}</h1>
- {{content}}
- </div>
- <div class='keyline-top pad2 small center'>
- The code and documentation to <a href='https://github.com/mapbox/mbxmapkit'>mbxmapkit is hosted on GitHub</a> where you can contribute changes and improvements.
- </div>
- </div>
-</div>
-
-{% include developers-footer.html %}
View
78 _layouts/pages.html
@@ -0,0 +1,78 @@
+---
+layout: default
+class: fill-light
+fullwidth: true
+section: mbxmapkit
+---
+
+<link href='{{site.url}}/css/docs.css' rel='stylesheet' />
+<link href='{{site.baseurl}}/site.css' rel='stylesheet' />
+<script src='{{site.url}}/js/docs.js'></script>
+
+<!--Fixed sidebar navigation-->
+<div class='docnav hide-mobile'>
+ <div class='limiter'><div class='col3 contain'>
+ <nav class='scroll-styled quiet-scroll'>
+
+ {% if page.category == 'overview' %}
+ <div class='space-bottom'>
+ <a class='block quiet active strong small truncate' href='{{site.baseurl}}/'>Overview</a>
+ </div>
+ {% for heading in page.navigation %}
+ <div class='space-bottom'>
+ <a class='small block quiet truncate' href='#{{heading.title|replace:' ','_'}}'><strong>{{heading.title}}</strong></a>
+ {% for item in heading.items %}
+ <a class='small block truncate' href='#{{item.hash}}'>{{item.text}}</a>
+ {% endfor %}
+ </div>
+ {% endfor %}
+ {% elsif page.category == 'api' %}
+ <div class='space-bottom'>
+ <a class='block quiet active strong small truncate' href='{{site.baseurl}}/api/'>API {{site.version}}</a>
+ </div>
+ {% for heading in page.navigation %}
+ <div class='space-bottom1'>
+ <a class='block quiet small truncate' href='#{{heading[0]|replace:' ','_'}}'><strong>{{heading[0]}}</strong></a>
+ {% for item in heading[1] %}
+ <a class='block small truncate' href='#{{item|replace:' ','_'}}'>{{item | replace:'-class','' | replace:'-protocol',''}}</a>
+ {% endfor %}
+ </div>
+ {% endfor %}
+ {% endif %}
+ </nav>
+ </div></div>
+</div>
+
+<div class='limiter clearfix'>
+ <div class='pad2y'>
+ <nav class='contain margin3 col9 fill-purple space-bottom round small'>
+ <div class='col3 dark round-left keyline-right pad2y pad1x center truncate'>
+ <strong class='icon mobile'>MBXMapKit</strong>
+ </div>
+ <div class='col6 dark tabs mobile-cols pad1'><!--
+ --><a class='col6 {% if page.url == "/index.html" %} active{% endif %}' href='{{site.baseurl}}/'>Overview</a><!--
+ --><a class='col6 {% if page.url contains "api" %} active{% endif %}' href='{{site.baseurl}}/api/'>API</a>
+ </div>
+ <div id='docs-search' class='col3 pad1 keyline-left'>
+ <fieldset class='col12 with-icon dark'>
+ <span class='icon search'></span>
+ <input type='text' class='col12 round minimal' />
+ </fieldset>
+ </div>
+ </nav>
+ </div>
+ <div class='contain margin3 col9' data-swiftype-index=true>
+ {{content}}
+ </div>
+</div>
+
+<script>
+$('#docs-search input').swiftype({
+ autocompleteContainingElement: $('#docs-search'),
+ filters: {
+ page: {
+ type: ['mbxmapkit']
+ }
+ }
+});
+</script>
View
2 _posts/0200-01-01-api.html
@@ -1,5 +1,5 @@
---
-title: MBXMapKit 0.2.0
+title: MBXMapKit 0.2.1
layout: api
permalink: /api
categories: api
View
87 _posts/0200-01-01-guide.md
@@ -1,87 +0,0 @@
----
-date: 0200-01-02
-category: guide
-layout: guide
-title: MBXMapKit
-permalink: /
-navigation:
-- title: Installation
- items:
- - CocoaPods
- - Source
-- title: API overview
- items:
- - text: Tile caching
- hash: tile_caching
- - text: Attribution
- hash: attribution
- - text: Retina support
- hash: retina_support
----
-MBXMapKit is a small library for building mapping applications for iPhone, iPad, and Mac devices on Apple's platforms. It is based on Apple's [MapKit](https://developer.apple.com/library/ios/#documentation/MapKit/Reference/MapKit_Framework_Reference) framework, but with much greater flexibility for visual styling and offline use -- plus it's open source.
-
-![](https://raw.github.com/mapbox/mbxmapkit/packaging/screenshot.png)
-
-# Releases
-
-See the official releases [on GitHub](https://github.com/mapbox/mbxmapkit/releases) and read about the changes [in the repository](https://github.com/mapbox/mbxmapkit/blob/master/CHANGELOG.md).
-
-# Installation
-
-MBXMapKit supports iOS versions 7.0 and higher and OS X versions 10.9 and higher.
-
-## CocoaPods
-
-Follow these steps in order to use the MBXMapKit within your own Xcode 5 project using [CocoaPods](http://cocoapods.org). This is the easiest installation method if you are familiar with CocoaPods.
-
- 1. Obtain the map ID for your hosted map by clicking **Publish** and copying the **Map ID**.
- 1. Ensure that your `Podfile` is targeting `:ios` and `'7.0'` or `:osx` and `10.9`.
- 1. Add a line containing `pod 'MBXMapKit'` to your `Podfile`.
- 1. Run `pod install` in the Terminal.
- 1. At a minimum, `#import <MBXMapKit/MBXMapKit.h>` and instantiate an `MBXMapView` in your code using the `-initWithFrame:mapID:` initializer and an `NSString` made from your **Map ID** obtained above.
-
-## Source
-
-Follow these steps in order to use MBXMapKit within your own Xcode 5 project while retaining the ability to edit the library source as you go. This is the most flexible installation method if you want to be able to modify the source code of the library.
-
- 1. Obtain the map ID for your hosted map by clicking **Publish** and copying the **Map ID**.
- 1. Copy the library source code from the [repository](https://github.com/mapbox/mbxmapkit).
- 1. Add `MBXMapKit.h` and `MBXMapKit.m` to your project's file sources, either by dragging them into your project from Finder or via `File > Add Files...`, in order to make the library available to your project.
- 1. Add MapKit to your app target's `Link Binary With Libraries` build phase.
- 1. At a minimum, `#import MBXMapKit.h` and instantiate an `MBXMapView` in your code using the `-initWithFrame:mapID:` initializer and an `NSString` made from your **Map ID** obtained above.
-
-# API overview
-
-MBXMapKit works identically to Apple's MapKit, since it's a subclass derivative, so check out [Apple's MapKit documentation](https://developer.apple.com/library/ios/#documentation/MapKit/Reference/MapKit_Framework_Reference) for details on getting starting. In addition, MBXMapKit has several added features:
-
- * The ability to set a `mapID` in order to control the map appearance with any MapBox map.
- * The ability to configure hiding or showing of Apple's default maps under the MapBox map.
- * The ability to control the offline map tile caching duration of the MapBox map.
- * The ability to swap in a completely custom offline map tile caching system.
-
-For more details on these features, please consult the [full API documentation]({{site.baseurl}}/api).
-
-### Tile caching
-
-MapBox offers unrestricted control for caching our maps such as [MapBox Streets](/maps) on mobile devices with MBXMapKit, supporting both app developers who want fine-grained control of app storage size and performance, as well as for users who want the optimum use of bandwidth and the best performance for the maps in an app.
-
-- **You may** cache maps as much as you'd like.
-- **You may** cache maps for as long as you'd like.
-- **You may not** run a proxy or intermediate cache between MapBox and devices.
-- **You may not** further redistribute maps from a device cache.
-
-For the full details see our [Terms of Service](http://mapbox.com/tos).
-
-### Attribution
-
-You must comply with the licensing terms of any map data in your application, including [MapBox Streets](/help/#provide_proper_attribution_when_required) or other MapBox maps if used.
-
-### Retina support
-
-[MapBox Streets](/maps) has retina tile support that can be utilized by MBXMapKit. This brings high-DPI display support for devices such as the iPhone 4 and newer, retina iPads, and retina Macs.
-
-Retina tiles use an enhanced look including wider streets and enlarged labels. The resulting image on retina-capable devices is incredibly sharp. Here's a side-by-side comparison up close:
-
-<img src="https://farm9.staticflickr.com/8142/7210334896_64ac0b3788.jpg"/>
-
-You don't need to do anything special to support retina devices. MapBox automatically adds the `@2x` suffix to map tile requests and the platform automatically adjusts the tile content as necessary.
View
54 assets/js/site.js
@@ -1,54 +0,0 @@
-(function(context) {
- var Docs = function() {};
-
- Docs.prototype = {
- bindSearch: function(input, menu) {
- this.$el = input;
- this.$menu = menu;
- this.$el.on('keyup', $.proxy(this._keyup, this));
- },
-
- _keyup: function(e) {
- switch (e.keyCode) {
- case 40:
- // down arrow
- case 38:
- // up arrow
- case 13:
- // enter
- break;
-
- default:
- this._search(e);
- }
- return false;
- },
-
- _search: function() {
- var q = this.$el.val() ? this.$el.val().toLowerCase() : null;
- this.$menu.find('[href]').each(function() {
- var $this = $(this),
- id = $this.attr('href').replace('#', ''),
- body = $(document.getElementById('content-' + id)).text();
-
- if (!q || body.toLowerCase().indexOf(q) !== -1 || id.toLowerCase().indexOf(q) !== -1) {
- $this.addClass('filtered');
- if ($this.parent().hasClass('heading')) {
- $this.css('color', '');
- } else {
- $this.show();
- }
- } else {
- $this.removeClass('filtered');
- if ($this.parent().hasClass('heading')) {
- $this.css('color', '#BDBDBD');
- } else {
- $this.hide();
- }
- }
- });
- }
- };
-
- window.Docs = Docs;
-})(window);
View
129 index.html
@@ -0,0 +1,129 @@
+---
+layout: pages
+category: overview
+title: MBXMapKit
+navigation:
+- title: Installation
+ items:
+ - text: CocoaPods
+ hash: cocoapods
+ - text: Source
+ hash: source
+- title: API overview
+ items:
+ - text: Tile caching
+ hash: tile_caching
+ - text: Retina support
+ hash: retina_support
+---
+
+<div class='row6 contain fill-grey round-top clip clearfix keyline-all'>
+ <div id='map' class='row6 round-top col12 pin-top'></div>
+
+ <div class='round-top mask-top pin-top row3 col12 fill-lighten3'></div>
+ <div class='mask-left pin-bottom row3 col4 fill-lighten3'></div>
+ <div class='mask-right pin-bottom row3 col4 fill-lighten3'></div>
+
+ <div class='z1 contain'>
+ <div class='pad2y center'>
+ <h2>Mapbox to iOS 7 with One Line of Code</h2>
+ </div>
+
+ <div class='wireframe z1 contain clip mobile-splash col4 margin4'>
+ <div class='keyline-bottom center pad2y fill-white'>
+ <span class='dot fill-darken1'></span>
+ </div>
+ <div class='body col12 row4'>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class='space-bottom2 pad2 quiet keyline-bottom keyline-left keyline-right fill-white prose round-bottom center clearfix'>
+ <div class='col10 margin1'>
+ <p>A small <a href='https://github.com/mapbox/mbxmapkit/blob/master/CHANGELOG.md'>open source</a> library for building map applications on the Apple platform. Provides highly flexible visual styling &amp; offline use for iPhone, iPad, and Mac devices. </p>
+ </div>
+</div>
+
+<script>
+var map = L.mapbox.map('map', 'examples.map-9ijuk24y', {
+ zoomControl: false,
+ infoControl: false
+}).setView([38.9209, -77.0263], 15);
+
+</script>
+
+<div id='installation' class='keyline-all fill-darken0 space-bottom round'>
+ <div class='pad1y pad2x keyline-bottom strong small clearfix'>
+
+ <div class='fr'><!--
+ --><span class='fill-darken1 pad1x round-left dark inline'>MBXMapKit</span><!--
+ --><a class='pad1x inline round-right keyline-left quiet dark fill-darken2' href='https://github.com/mapbox/mbxmapkit/releases'>{{site.version}}</a>
+ </div>
+
+ Installation <em class='quiet'>Supports iOS versions 7.0+ &amp; OSX versions 10.9+</em>
+ </div>
+ <nav class='fill-white round-bottom'>
+ <div id='cocoapods' class='install pad1y pad2x keyline-bottom contain'>
+ <a href='#cocoapods' class='block small strong'>CocoaPods</a>
+ <div class='pad1y prose'>
+ <div class='pin-right'>
+ <a href='#installation' class='icon x button quiet unround'></a>
+ </div>
+ <p>Follow these steps in order to use the MBXMapKit within your own Xcode 5 project using <a href='http://cocoapods.org'>CocoaPods</a>. This is the easiest installation method if you are familiar with CocoaPods.</p>
+ <ol>
+ <li>Obtain the map ID for your hosted map by clicking <strong>Publish</strong> and copying the <strong>Map ID</strong>.</li>
+ <li>Ensure that your <code>Podfile</code> is targeting <code>:ios</code> and <code>"7.0"</code> or <code>:osx</code> and <code>10.9</code>.</li>
+ <li>Add a line containing <code>pod "MBXMapKit"</code> to your <code>Podfile</code>.</li>
+ <li>Run <code>pod install</code> in the Terminal.</li>
+ <li>At a minimum, <code>#import &lt;MBXMapKit/MBXMapKit.h&gt;</code> and instantiate an <code>MBXMapView</code> in your code using the <code>-initWithFrame:mapID:</code> initializer and an <code>NSString</code> made from your <strong>Map ID</strong> obtained above.</li>
+ </ol>
+ </div>
+ </div>
+
+ <div id='binary' class='install pad1y pad2x contain'>
+ <a href='#source' class='strong block small'>Source</a>
+ <div class='pad1y prose'>
+ <div class='pin-right'>
+ <a href='#installation' class='icon x button quiet unround'></a>
+ </div>
+ <p>Follow these steps in order to use MBXMapKit within your own Xcode 5 project while retaining the ability to edit the library source as you go. This is the most flexible installation method if you want to be able to modify the source code of the library.</p>
+ <ol>
+ <li>Obtain the map ID for your hosted map by clicking <strong>Publish</strong> and copying the <strong>Map ID</strong>.</li>
+ <li>Copy the library source code from the <a href='https://github.com/mapbox/mbxmapkit'>repository</a>.</li>
+ <li>Add <code>MBXMapKit.h</code> and <code>MBXMapKit.m</code> to your project’s file sources, either by dragging them into your project from Finder or via <code>File &gt; Add Files...</code>, in order to make the library available to your project.</li>
+ <li>Add MapKit to your app target’s <code>Link Binary With Libraries</code> build phase.</li>
+ <li>At a minimum, <code>#import MBXMapKit.h</code> and instantiate an <code>MBXMapView</code> in your code using the <code>-initWithFrame:mapID:</code> initializer and an <code>NSString</code> made from your <strong>Map ID</strong> obtained above.</li>
+ </ol>
+ </div>
+ </div>
+ </nav>
+</div>
+
+<div class='prose pad2 doc round fill-white keyline-all'>
+ <h2 id='api_overview'>API overview</h2>
+ <p>MBXMapKit works identically to Apple’s MapKit, since it’s a subclass derivative, so check out <a href='https://developer.apple.com/library/ios/#documentation/MapKit/Reference/MapKit_Framework_Reference'>Apple’s MapKit documentation</a> for details on getting starting. MBXMapKit provides several additional features:</p>
+ <ul>
+ <li>The option to set a <code>mapID</code> to use any Mapbox map.</li>
+ <li>Toggle the visibility of Apple’s default maps under a Mapbox map.</li>
+ <li>Control offline map tile caching duration.</li>
+ <li>Swap in a completely custom offline map to the tile caching system.</li>
+ </ul>
+ <p><a href='{{site.baseurl}}/api' class='rcon next'>API documentation for more details</a></p>
+
+ <h3 id='tile_caching'>Tile caching</h3>
+ <p>Mapbox offers unrestricted control for caching our maps such as <a href='/maps/'>Mapbox Streets</a> on mobile devices with MBXMapKit.</p>
+
+ <div class='note small'>
+ <strong>Caching usage</strong><br />
+ You can cache maps for as much and as long as you like but you may not run a proxy or intermediate cache between Mapbox and devices or furher redistribute maps from a devices cache. For the full details see our <a href='/tos/'>Terms of Service</a>.
+ </div>
+
+ <h3 id='retina_support'>Retina support</h3>
+ <p><a href='/maps'>Mapbox Streets</a> has retina support for tiles that can be utilized by MBXMapKit. This brings high-DPI display for devices such as the iPhone 4 and newer, retina iPads, and retina Macs.</p>
+ <p>Retina tiles are enhanced with wider streets and enlarged labels. A resulting image on retina-capable devices is incredibly sharp. Here’s a side-by-side comparison up close:</p>
+ <div class='center'>
+ <img src='https://farm9.staticflickr.com/8142/7210334896_64ac0b3788.jpg' />
+ </div>
+ <p>There's nothing special to do to support retina devices. Mapbox automatically adds the <code>@2x</code> suffix to map tile requests and the platform automatically adjusts the tile content as necessary.</p>
+</div>
View
21 assets/css/site.css → site.css
@@ -1,8 +1,21 @@
-/* Base Candidate */
-.doc-nav a:hover,
-.doc-nav .active {
- background-color:#f8f8f8;
+.wireframe {
+ border:3px solid rgba(0,0,0,0.5);
+ border-radius:20px;
}
+ .wireframe * { border-color:rgba(0,0,0,0.5); }
+ .wireframe .dot {
+ display:inline-block;
+ width:10px;
+ height:10px;
+ }
+ .wireframe .dot.menu {
+ width:60px;
+ height:60px;
+ }
+.mask-right { left:auto; right:-1px; }
+.z1 { z-index:1; }
+.install > div { display:none; }
+.install:target > div { display:block; }
.section-tasks .tooltip .tooltip { display:none; }
.section-method ul *,
Something went wrong with that request. Please try again.