Merge remote-tracking branch 'origin/mb-pages'

Author: Lucas Wojciechowski

docs/_posts/examples/3400-01-08-third-party.html

@@ -2,7 +2,7 @@
 layout: example
 category: example
 title: Add a third party vector tile source
-description: Render a map using an external vector source of OpenStreetMap data provided by <a href='http://mapzen.com/vector/'>Mapzen</a>.
+description: 'Render a map using an external vector source of OpenStreetMap data provided by <a target="_blank" href="http://mapzen.com/vector/">Mapzen</a>.'
 ---
 <div id='map'></div>
 <script>

docs/_posts/examples/3400-01-11-mapbox-gl-directions.html

@@ -2,7 +2,7 @@
 layout: example
 category: example
 title: Display driving directions
-description: Use the <a target='_blank' href='https://github.com/mapbox/mapbox-gl-directions'>mapbox-gl-directions</a> plugin to show results from the Mapbox Directions API.
+description: 'Use the <a target="_blank" href="https://github.com/mapbox/mapbox-gl-directions">mapbox-gl-directions</a> plugin to show results from the Mapbox Directions API.'
 tags:
   - plugins
   - mapbox-directions

docs/_posts/examples/3400-01-12-mapbox-gl-geocoder.html

@@ -2,13 +2,13 @@
 layout: example
 category: example
 title: Add a geocoder
-description: Use the <a target='_blank' href='https://github.com/mapbox/mapbox-gl-geocoder'>mapbox-gl-geocoder</a> control to search for places using Mapbox Geocoding API.
+description: 'Use the <a target="_blank" href="https://github.com/mapbox/mapbox-gl-geocoder">mapbox-gl-geocoder</a> control to search for places using Mapbox Geocoding API.'
 tags:
   - plugins
   - mapbox-geocoding
 ---
-<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.0.0/mapbox-gl-geocoder.js'></script>
-<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.0.0/mapbox-gl-geocoder.css' type='text/css' />
+<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.1.0/mapbox-gl-geocoder.js'></script>
+<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.1.0/mapbox-gl-geocoder.css' type='text/css' />
 <div id='map'></div>
 
 <script>

docs/_posts/examples/3400-01-16-point-from-geocoder-result.html

@@ -0,0 +1,69 @@
+---
+layout: example
+category: example
+title: Set a point after Geocoder result
+description: 'Listen to the <code>geocoder.input</code> event from the <a target="_blank" href="https://www.mapbox.com/mapbox-gl-js/plugins/#mapbox-gl-geocoder">Geocoder plugin</a> and place a point on the coordinate results.'
+tags:
+  - plugins
+  - mapbox-geocoding
+---
+<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.1.0/mapbox-gl-geocoder.js'></script>
+<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.1.0/mapbox-gl-geocoder.css' type='text/css' />
+<style>
+#geocoder-container {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    margin-top: 10px;
+}
+
+#geocoder-container > div {
+    min-width:50%;
+    margin-left:25%;
+}
+</style>
+<div id='map'></div>
+<div id='geocoder-container'></div>
+
+<script>
+var map = new mapboxgl.Map({
+    container: 'map',
+    style: 'mapbox://styles/mapbox/streets-v8',
+    center: [-79.4512, 43.6568],
+    zoom: 13
+});
+
+var geocoder = new mapboxgl.Geocoder({
+    container: 'geocoder-container' // Optional. Specify a unique container for the control to be added to.
+});
+
+map.addControl(geocoder);
+
+// After the map style has loaded on the page, add a source layer and default
+// styling for a single point.
+map.on('style.load', function() {
+    map.addSource('single-point', {
+        "type": "geojson",
+        "data": {
+            "type": "FeatureCollection",
+            "features": []
+        }
+    });
+
+    map.addLayer({
+        "id": "point",
+        "source": "single-point",
+        "type": "circle",
+        "paint": {
+            "circle-radius": 10,
+            "circle-color": "#007cbf"
+        }
+    });
+
+    // Listen for the `geocoder.input` event that is triggered when a user
+    // makes a selection and add a marker that matches the result.
+    geocoder.on('geocoder.input', function(ev) {
+        map.getSource('single-point').setData(ev.result.geometry);
+    });
+});
+</script>

docs/_posts/plugins/0100-01-01-mapbox-gl-geocoder.html

@@ -9,5 +9,5 @@
 code: https://github.com/mapbox/mapbox-gl-geocoder
 license: BSD
 ---
-<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.0.0/mapbox-gl-geocoder.js'></script>
-<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.0.0/mapbox-gl-geocoder.css' type='text/css' />
+<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.1.0/mapbox-gl-geocoder.js'></script>
+<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v0.1.0/mapbox-gl-geocoder.css' type='text/css' />

js/ui/control/attribution.js

@@ -12,7 +12,7 @@ module.exports = Attribution;
  * @param {Object} [options]
  * @param {string} [options.position='bottom-right'] A string indicating the control's position on the map. Options are `top-right`, `top-left`, `bottom-right`, `bottom-left`
  * @example
- * var map = new mapboxgl.Map({attributionContro: false})
+ * var map = new mapboxgl.Map({attributionControl: false})
  *     .addControl(new mapboxgl.Navigation({position: 'top-left'}));
  */
 function Attribution(options) {