selva-gif

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

Línea GeoJSON

mapas

      <html>
      <cabeza>
          <meta charset="utf-8" />
          <título>Agregar una línea 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: [-122.486052, 37.830348],
              Zoom: 15, token de acceso = ' '
            }); mapa.en('carga', función () { mapa.addLayer({
                'identificación': 'ruta',
                'tipo': 'línea',
                'fuente': {
                  'tipo': 'geojson',
                  'datos': {
                    'tipo': 'Característica',
                    'propiedades': {},
                    'geometría': {
                      'tipo': 'Cadena de línea',
                      'coordenadas': [ [-122.48369693756104, 37.83381888486939], [-122.48348236083984, 37.83317489144141], [-122.48339653015138, 37.83270036637107], [-122.48356819152832, 37.832056363179625], [-122.48404026031496, 37.83114119107971], [-122.48404026031496, 37.83049717427869], [-122.48348236083984, 37.829920943955045], [-122.48356819152832, 37.82954808664175], [-122.48507022857666, 37.82944639795659], [-122.48610019683838, 37.82880236636284], [-122.48695850372314, 37.82931081282506], [-122.48700141906738, 37.83080223556934], [-122.48751640319824, 37.83168351665737], [-122.48803138732912, 37.832158048267786], [-122.48888969421387, 37.83297152392784], [-122.48987674713133, 37.83263257682617], [-122.49043464660643, 37.832937629287755], [-122.49125003814696, 37.832429207817725], [-122.49163627624512, 37.832564787218985], [-122.49223709106445, 37.83337825839438], [-122.49378204345702, 37.83368330777276] ] } } },
                'diseño': {
                  'unirse a la línea': 'ronda',
                  'línea-cap': 'ronda'
                },
                'pintura': {
                  'color de linea': '#ff0000',
                  'grosor de línea': 8
                } }); });
          </guión>
      </cuerpo>
      </html>

Encontremos un camino juntos

Ponte en contacto para conocer nuestros Planes de Precios

Contáctenos