P E S A K

3

Zobrazit vyskakovací okno po kliknutí

Když uživatel klikne na symbol, zobrazí vyskakovací okno obsahující více informací

Přidat ovládací prvky

Ovládací prvky pro přiblížení a otočení zvyšují viditelnost navigace na mapě

Animace stylu

Přepněte na jiný styl mapy

Vizualizace založené na datech

Pro vizualizaci použijte kategorickou funkci vlastnosti kruhové barvy

3D budovy

Pomocí výlisků zobrazte výšku budov ve 3D

Přidejte řádek GeoJSON

Přidejte na mapu čáru GeoJSON

MAPBOX GL JS

Kompletní sada nástrojů pro vaši aplikaci pro určování polohy

Dokumentace

STUDIO MAPBOX

Navrhujte vlastní mapy a upravujte prostorová data

Začít

var mapboxgl = require('mapbox-gl/dist/mapbox-gl.js'); mapboxgl.accessToken = 'pk.eyJ1IjoicGVzYWsiLCJhIjoiY2tqOGw0eWllNnU3NDJ2cWp3MHhiaDZ1NCJ9.SdXKngkCI7ahYofFnNNcpQ'; var map = new mapboxgl.Map({ container: 'YOUR_CONTAINER_ELEMENT_ID', style: 'mapbox://styles/mapbox/streets-v11' });

https://api.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.js'>

<p><script src='https://api.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.css' rel='stylesheet' /></a></p>

<p><script src='https://api.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v2.0.0/mapbox-gl.css' rel='stylesheet' /></a></p>

var mapboxgl = require('mapbox-gl/dist/mapbox-gl.js');

mapboxgl.accessToken = 'pk.eyJ1IjoicGVzYWsiLCJhIjoiY2tqOGw0eWllNnU3NDJ2cWp3MHhiaDZ1NCJ9.SdXKngkCI7ahYofFnNNcpQ';
var map = new mapboxgl.Map({
  container: 'YOUR_CONTAINER_ELEMENT_ID',
  style: 'mapbox://styles/mapbox/streets-v11'
});