Use fetch api instead of d3.json

3048d545 · Rodrigo Tapia-McClung · f7184c9e · 3048d545 · 3048d545
Commit 3048d545 authored Dec 17, 2020 by Rodrigo Tapia-McClung
Show whitespace changes
Inline Side-by-side

Showing with 4 additions and 3 deletions

index.html public/index.html +1 -1

functions.js public/js/functions.js +3 -2

No files found.
--- a/public/index.html
+++ b/public/index.html
@@ -14,7 +14,7 @@

 <body>
    <div id="mexmap"></div>
-    <script src="https://d3js.org/d3.v5.min.js"></script>
+
    <script src="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js"></script>
    <script src="../js/functions.js"></script>
 </body>

--- a/public/js/functions.js
+++ b/public/js/functions.js
@@ -5,7 +5,7 @@
 * November-December 2020
 */

-/* global mapboxgl, d3 */
+/* global mapboxgl */

 const baseUrl = new URL(`/data`, window.location.href).href;
 let selectedMunis = ["09002", "09012"];
@@ -168,7 +168,8 @@ map.on("click", "denue", async e => {
    if (features.length != 0) {
        let denue_cve = features[0].properties["denue_cve"];
        let denueQuery = `${baseUrl}/query/dim_denue2019?columns=denue_nombre&filter=denue_cve=${denue_cve}`;
-        let denueData = await d3.json(denueQuery);
+        const response = await fetch(denueQuery);
+        const denueData = await response.json();
        new mapboxgl.Popup()
            .setLngLat(e.lngLat)
            .setHTML(denueData[0].denue_nombre)