Dan Swick danswick

The Mapbox Geocoding API can handle lots of different query parameters, including country, which will only return results for a given country.

This example uses GeocoderControl's queryOptions option to restrict results to those from the United States. Try searching for "Dublin."

Mapbox GL JS's setStyle method completely removes the style object, taking any layers that were programmatically added to the map with it. Instead of using setStyle, this demo toggles the visibility of a satellite imagery layer (initially set to visibility: none). Try adding a route with the directions plugin, then toggling the satellite layer's visibility!

Fork of the Mapbox GL Geocoder plugin that hits the Mapzen Search API.

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='utf-8' />
	<title></title>
	<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
	<style>
	body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
	#status {

	<!doctype html>
	<html lang="en">
	<head>
	<link rel="stylesheet" href="http://openlayers.org/en/v3.16.0/css/ol.css" type="text/css">
	<style>
	.map {
	height: 100%;
	width: 100%;
	}
	</style>

	<!doctype html>
	<html lang="en">
	<head>
	<link rel="stylesheet" href="http://openlayers.org/en/v3.16.0/css/ol.css" type="text/css">
	<style>
	.map {
	height: 100%;
	width: 100%;
	}
	</style>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='utf-8' />
	<title></title>
	<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
	<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.js'></script>
	<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.css' rel='stylesheet' />
	<style>
	body { margin:0; padding:0; }

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>Markers as links</title>
	<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
	<script src='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.js'></script>
	<link href='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.css' rel='stylesheet' />
	<style>
	body { margin:0; padding:0; }