<html>
<front>
<objectif jeu de caractères="utf-8" />
<titre>Ajouter un polygone GeoJSON</titre>
<objectif prénom="fenêtre" contenu="échelle initiale = 1, échelle maximale = 1, évolutive utilisateur = non" />
<scénario src="https://maps.flightmap.io/flightmapjs"></scénario>
<lien href="https://api.mapbox.com/mapbox-gl-js/v1.6.1/mapbox-gl.css" rel="feuille de style" />
<Catégorie>
corps {
marge: 0;
rembourrage: 0; }
#carte {
position: absolu ;
top: 0;
bas: 0;
largeur: 100%; }
</Catégorie>
</front>
<corps>
<div id="carte"></div>
<scénario>
var carte = neufs mapboxgl.Carte({
récipient: 'carte',
Catégorie: 'style-dark.json',
centre: [- 68.13734351262877, 45.137451890638886],
zoom: 5, accessToken = ' '
}); map.on('charge', fonction () { map.addLayer({
'identifiant': 'Maine',
'taper': 'remplir',
'la source': {
'taper': 'geojson',
'Les données': {
'taper': 'Caractéristique',
'géométrie': {
'taper': 'Polygone',
'coordonnées': [ [ [- 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] ] ] } } },
'disposition': {},
'Peinture': {
'la couleur de remplissage': '#ff0000',
'remplissage-opacité': 0.8
} }); });
</scénario>
</corps>
</html>
50,000 XNUMX chargements de cartes gratuits chaque mois. 
Fermer