Security News
Highlights from the 2024 Rails Community Survey
A record 2,709 developers participated in the 2024 Ruby on Rails Community Survey, revealing key tools, practices, and trends shaping the Rails ecosystem.
@types/mapbox-gl
Advanced tools
TypeScript definitions for mapbox-gl
@types/mapbox-gl provides TypeScript type definitions for the Mapbox GL JS library, which is used for creating interactive, customizable maps in web applications.
Creating a Map
This feature allows you to create a new map instance with specified options such as container, style, center, and zoom level.
const map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: [-74.5, 40],
zoom: 9
});
Adding a Marker
This feature allows you to add a marker to the map at a specified longitude and latitude.
const marker = new mapboxgl.Marker()
.setLngLat([-74.5, 40])
.addTo(map);
Adding a Popup
This feature allows you to add a popup to the map with specified text and location.
const popup = new mapboxgl.Popup({ offset: 25 })
.setText('Hello, Mapbox!')
.setLngLat([-74.5, 40])
.addTo(map);
Geolocation Control
This feature allows you to add a geolocation control to the map, enabling the map to track the user's location.
const geolocateControl = new mapboxgl.GeolocateControl({
positionOptions: {
enableHighAccuracy: true
},
trackUserLocation: true
});
map.addControl(geolocateControl);
Navigation Control
This feature allows you to add navigation controls (zoom and rotation) to the map.
const nav = new mapboxgl.NavigationControl();
map.addControl(nav, 'top-left');
@types/leaflet provides TypeScript type definitions for the Leaflet library, which is another popular library for interactive maps. Leaflet is known for its simplicity and performance, especially on mobile devices. It offers similar functionalities such as map creation, markers, popups, and controls.
@types/google-maps provides TypeScript type definitions for the Google Maps JavaScript API. Google Maps is widely used and offers extensive features including detailed maps, satellite imagery, street view, and various services like geocoding and directions. It is more feature-rich compared to Mapbox GL but can be more complex to use.
@types/openlayers provides TypeScript type definitions for the OpenLayers library, which is used for displaying map data in web browsers. OpenLayers is highly customizable and supports a wide range of map types and data sources. It is more flexible but can be more complex to set up compared to Mapbox GL.
npm install --save @types/mapbox-gl
This package contains type definitions for mapbox-gl (https://github.com/mapbox/mapbox-gl-js).
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/mapbox-gl.
These definitions were written by Dominik Bruderer, Karl-Aksel Puulmann, Dmytro Gokun, Liam Clarke, Vladimir Dashukevich, André Fonseca, makspetrov, Michael Bullington, Olivier Pascal, and Marko Schilde.
FAQs
TypeScript definitions for mapbox-gl
The npm package @types/mapbox-gl receives a total of 572,549 weekly downloads. As such, @types/mapbox-gl popularity was classified as popular.
We found that @types/mapbox-gl demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A record 2,709 developers participated in the 2024 Ruby on Rails Community Survey, revealing key tools, practices, and trends shaping the Rails ecosystem.
Security News
In 2023, data breaches surged 78% from zero-day and supply chain attacks, but developers are still buried under alerts that are unable to prevent these threats.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.