Scribd Logo
Upload

Welcome to Scribd!

  • Map Tatta

    Uploaded by

    wildjcrt
    3 views1 page
    This document initializes a map using Leaflet and Mapbox tiles, adds GeoJSON data to the map, and appends the GeoJSON data points to an HTML table. It sets the map view, adds base tiles and attribution, loads GeoJSON data without styling, then loops through the GeoJSON features to add each name to a new table row.

    Original Description:

    Original Title

    map_tatta

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document initializes a map using Leaflet and Mapbox tiles, adds GeoJSON data to the map, and appends the GeoJSON data points to an HTML table. It sets the map view, adds base tiles and attribution, loads GeoJSON data without styling, then loops through the GeoJSON features to add each name to a new table row.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views1 page

    Map Tatta

    Uploaded by

    wildjcrt
    This document initializes a map using Leaflet and Mapbox tiles, adds GeoJSON data to the map, and appends the GeoJSON data points to an HTML table. It sets the map view, adds base tiles and attribution, loads GeoJSON data without styling, then loops through the GeoJSON features to add each name to a new table row.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    var mymap = L.map('mapid').setView([24.35, 124.

    17], 13);

    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?
    access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcF
    IG214AriISLbB6B5aw', {
    maxZoom: 18,
    attribution: 'Map data &copy; <a
    href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
    '<a
    href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
    'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
    id: 'mapbox.streets'
    }).addTo(mymap);

    L.geoJSON(tatta_points, {}).addTo(mymap);

    $("#tatta_points_table").append("<table><tbody></tbody></table>");

    $.each(
    tatta_points,
    function(i, v) {
    var row_html = "<tr><td>"
    + (i+1).toString()
    + "</td><td>"
    + v.properties.name.toString()
    + "</td></tr>";
    $("#tatta_points_table tbody").append(row_html);
    }
    );

    You might also like