<html>
<ganzer>
<Ziel charset="utf-8" />
<Titel>Fügen Sie ein GeoJSON-Polygon hinzu</Titel>
<Ziel Name="Ansichtsfenster" Inhalt="Anfangsmaßstab = 1, Maximalmaßstab = 1, Benutzerskalierbar = Nein" />
<Skript src="https://maps.flightmap.io/flightmapjs"></Skript>
<Link href="https://api.mapbox.com/mapbox-gl-js/v1.6.1/mapbox-gl.css" rel="Stilvorlage" />
<Stil>
Körper {
Marge: 0;
Polsterung: 0; }
#Karte {
Position: absolut;
Top: 0;
Boden: 0;
Breite: 100%; }
</Stil>
</ganzer>
<Körper>
<div id="Karte"></div>
<Skript>
jung Karte = mapboxgl.Map({
Container: 'Karte',
Stil: 'style-dark.json',
Zentrum: [-68.13734351262877, 45.137451890638886],
Zoom: 5, Zugriffstoken = ' '
}); map.on('Belastung', Funktion () { map.addLayer({
'Ich würde': 'Maine',
"Typ": 'füllen',
'Quelle': {
"Typ": 'geojson',
'Daten': {
"Typ": 'Besonderheit',
'Geometrie': {
"Typ": 'Polygon',
'Koordinaten': [ [ [-67.13734351262877, 45.137451890638886], [-66.96466, 44.8097], [-68.03252, 44.3252], [-69.06, 43.98], [-70.11617, 43.68405], [-70.64573401557249, 43.090083319667144], [-70.75102474636725, 43.08003225358635], [-70.79761105007827, 43.21973948828747], [-70.98176001655037, 43.36789581966826], [-70.94416541205806, 43.46633942318431], [-71.08482, 45.3052400000002], [-70.6600225491012, 45.46022288673396], [-70.30495378282376, 45.914794623389355], [-70.00014034695016, 46.69317088478567], [-69.23708614772835, 47.44777598732787], [-68.90478084987546, 47.184794623394396], [-68.23430497910454, 47.35462921812177], [-67.79035274928509, 47.066248887716995], [-67.79141211614706, 45.702585354182816], [-67.13734351262877, 45.137451890638886] ] ] } } },
'Layout': {},
'Farbe': {
'Füllfarbe': '#ff0000',
'fill-opacity': 0.8
} }); });
</Skript>
</Körper>
</html>
Menu