You are viewing an older version of MapQuest.js. Check out the latest version.
A single button control that locates the user on the map when clicked. The control then places an icon on their current location and zooms into that location. The marker color, zoom level, control position, and other properties of the control are customizable.
L.mapquest.key = 'KEY';
var map = L.mapquest.map('map', {
center: [39.7392,-104.9903],
layers: L.mapquest.tileLayer('map'),
zoom: 12
});
map.addControl(L.mapquest.locatorControl());
An object containing any of the following key value options: position, zoom, defaultLocation, title, className, markerPrimaryColor, markerSecondaryColor.
The position of the control (one of the map corners).
Possible values are 'topleft', 'topright', 'bottomleft' or 'bottomright'.
The zoom level that the map zooms to when the location of the user is found.
Set a default location for the control to locate.
Text for the browser tooltip that appear on control hover.
A custom CSS class name to assign to the control.
The primary color of the via marker added to the map.
The secondary color of the via marker added to the map.
{
position: 'topright',
zoom: 16,
title: 'Locator',
className: '',
markerPrimaryColor: '#333333',
markerSecondaryColor: '#b7b7b7'
}
An L.Control object that can be added to a map with the addControl() function.