selva-gif

50,000 cargas de mapas gratis cada mes. ¡Empieza ahora!

Polígono GeoJSON

mapas

        <html>
        <cabeza>
            <meta charset="utf-8" />
            <título>Agregar un polígono GeoJSON</título>
            <meta nombre ="ventana gráfica" contenido="escala inicial = 1, escala máxima = 1, escalable por el usuario = no" />
            <guión src="https://maps.flightmap.io/flightmapjs"></guión>
            <liga href="https://api.mapbox.com/mapbox-gl-js/v1.6.1/mapbox-gl.css" rel="hoja de estilo" />
            <papa>
                cuerpo {
                    margen: 0;
                    relleno: 0; }
                #mapa {
                    posición: absoluto;
                    parte superior: 0;
                    fondo: 0;
                    anchura: 100%; }
            </papa>
        </cabeza>
        <cuerpo>
            <div id="mapa"></div>
            <guión>
              var mapa = nueva mapboxgl.Mapa({
                envase: 'mapa',
                papa: 'estilo-oscuro.json',
                centro: [-68.13734351262877, 45.137451890638886],
                Zoom: 5, token de acceso = ' '
              }); mapa.en('carga', función () { mapa.addLayer({
                  'identificación': 'Maine',
                  'tipo': 'llenar',
                  'fuente': {
                    'tipo': 'geojson',
                    'datos': {
                      'tipo': 'Característica',
                      'geometría': {
                        'tipo': 'Polígono',
                        'coordenadas': [ [ [-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] ] ] } } },
                  'diseño': {},
                  'pintura': {
                    'color de relleno': '#ff0000',
                    'llenar-opacidad': 0.8
                  } }); });
            </guión>
        </cuerpo>
        </html>

Encontremos un camino juntos

Ponte en contacto para conocer nuestros Planes de Precios

Contáctenos