mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
556084b73a
L.mapbox.accessToken is now set-able for left hand assignment as opposed to being a const. This matches the mapbox-gl typescript definition now and the intended behavior of mapbox (js). This solves the issue raised here: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/15898
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
const mapboxTiles = L.tileLayer('https://{s}.tiles.mapbox.com/v3/examples.map-i87786ca/{z}/{x}/{y}.png', {
|
|
attribution: '<a href="http://www.mapbox.com/about/maps/" target="_blank">Terms & Feedback</a>'
|
|
});
|
|
|
|
const map = L.map('map').addLayer(mapboxTiles).setView(new L.LatLng([42.3610, -71.0587]), 15);
|
|
|
|
const coordinates = document.getElementById('coordinates');
|
|
|
|
const marker = L.marker(new L.LatLng([0, 0]), {
|
|
icon: L.mapbox.marker.icon({
|
|
'marker-color': '#f86767'
|
|
}),
|
|
draggable: true
|
|
}).addTo(map);
|
|
|
|
// every time the marker is dragged, update the coordinates container
|
|
marker.on('dragend', () => {
|
|
const m = marker.getLatLng();
|
|
coordinates.innerHTML = 'Latitude: ' + m.lat + '<br />Longitude: ' + m.lng;
|
|
});
|
|
|
|
// Build a marker from a simple GeoJSON object:
|
|
const marker2 = L.mapbox.featureLayer({
|
|
type: 'Feature',
|
|
geometry: {
|
|
type: 'Point',
|
|
coordinates: [-73.9840, 40.7271]
|
|
},
|
|
properties: {
|
|
title: 'Hello world!',
|
|
'marker-color': '#f86767'
|
|
}
|
|
}).addTo(map);
|
|
|
|
// Iterate over the featureLayer we've called "marker"
|
|
// and open its popup instead of clicking to trigger it.
|
|
marker2.eachLayer((marker: L.Marker) => {
|
|
marker.openPopup();
|
|
});
|
|
|
|
// Can set the API key via left hand assignment
|
|
L.mapbox.accessToken = "keyGoesHere";
|