API

Map Instance Properties

Map Instance Methods

Map Events

Geography & Geometry LngLat and LngLatBounds represent points and rectanges in geographic coordinates. Point represents points in screen coordinates.

Instance Methods

Instance Methods

User Interaction Handlers Handlers add different kinds of interactivity to the map - mouse interactivity, touch interactions, and other gestures.

Instance Methods

Instance Methods

Instance Methods

Instance Methods

Instance Methods

Instance Methods

Instance Methods

Sources Sources specify the geographic features to be rendered on the map. Source objects may be obtained from Map.getSource.

Instance Methods

map.addSource('some id', {
    type: 'geojson',
    data: 'url_to_geojson'
});
map.addSource('some id', {
   type: 'geojson',
   data: {
       "type": "FeatureCollection",
       "features": [{
           "type": "Feature",
           "properties": {},
           "geometry": {
               "type": "Point",
               "coordinates": [
                   -76.53063297271729,
                   39.18174077994108
               ]
           }
       }]
   }
});
map.getSource('some id').setData({
  "type": "FeatureCollection",
  "features": [{
      "type": "Feature",
      "properties": { "name": "Null Island" },
      "geometry": {
          "type": "Point",
          "coordinates": [ 0, 0 ]
      }
  }]
});

Instance Methods

// add to map
map.addSource('some id', {
   type: 'video',
   url: [
       'https://geobuffer.com/assets/videos/SocialExplorerDemo.webm'
   ],
   coordinates: [
       [-76.54, 39.18],
       [-76.52, 39.18],
       [-76.52, 39.17],
       [-76.54, 39.17]
   ]
});

// update
var mySource = map.getSource('some id');
mySource.setCoordinates([
    [-76.54335737228394, 39.18579907229748],
    [-76.52803659439087, 39.1838364847587],
    [-76.5295386314392, 39.17683392507606],
    [-76.54520273208618, 39.17876344106642]
]);

map.removeSource('some id');  // remove

Instance Methods

// add to map
map.addSource('some id', {
   type: 'image',
   url:  'https://geobuffer.com/assets/images/map.jpg',
   coordinates: [
       [-76.54, 39.18],
       [-76.52, 39.18],
       [-76.52, 39.17],
       [-76.54, 39.17]
   ]
});

// update
var mySource = map.getSource('some id');
mySource.setCoordinates([
    [-76.54335737228394, 39.18579907229748],
    [-76.52803659439087, 39.1838364847587],
    [-76.5295386314392, 39.17683392507606],
    [-76.54520273208618, 39.17876344106642]
]);

map.removeSource('some id');  // remove

Instance Methods

// add to map
map.addSource('some id', {
   type: 'canvas',
   canvas: 'idOfMyHTMLCanvas',
   animate: true,
   coordinates: [
       [-76.54, 39.18],
       [-76.52, 39.18],
       [-76.52, 39.17],
       [-76.54, 39.17]
   ]
});

// update
var mySource = map.getSource('some id');
mySource.setCoordinates([
    [-76.54335737228394, 39.18579907229748],
    [-76.52803659439087, 39.1838364847587],
    [-76.5295386314392, 39.17683392507606],
    [-76.54520273208618, 39.17876344106642]
]);

map.removeSource('some id');  // remove

Events Map (and some other classes) emit events in response to user interactions or changes in state. Evented is the interface used to bind and unbind listeners for these events.

Instance Methods

Instance Properties

Instance Methods

Instance Properties

Instance Methods

Instance Properties

Instance Methods