Import CSV Data for Google Maps API Tutorial | Part #4 – Select Fields and Geocode Data

Publicado el: 13 agosto 2020
en el canal de: Bryce St. Pierre
954
9

In this part of the tutorial, Bryce writes the JavaScript logic for mapping CSV file column headings to address components and allowing for configurations in the Select Fields section of our web app. He continues by showing a process for how we geocode our data through the Google Maps Geocoding API.

Source code: https://github.com/DevelopMindfully/i...

------------------
Follow us:
------------------
Website: https://developmindfully.com
Facebook:   / dmindfully  
Twitter:   / dmindfully  
Instagram:   / dmindfully  
GitHub: https://github.com/developmindfully

-------------------
Timestamps:
-------------------
Introduction: 0:00
Populate Geocoding Fields: 1:14
Populate Data Fields: 6:05
Initialize Select Fields Section: 18:12
Progress Bar Functions: 24:00
Geocoding API Dilemma & Solution: 28:27
Geocoder Promise: 30:05
Transform Data for Geocoding: 37:04
Geocoding Process: 43:40
Plot Button Click Event Listener: 48:15

------------------
Resources:
------------------
Google Maps Geocoding API: https://developers.google.com/maps/do...
JavaScript Spread Syntax: https://developer.mozilla.org/en-US/d...
Geocoding API Rate Limits: https://developers.google.com/maps/do...
Geocoding API Usage and Billing: https://developers.google.com/maps/do...
JavaScript Promise: https://developer.mozilla.org/en-US/d...

------------------
Project:
------------------
In this tutorial, you will learn to build a static single-page app for importing CSV data into the browser and displaying it using the Google Maps JavaScript API (including the Geocoding and Directions API). You will also learn to use Bootstrap 4, Webpack, jQuery, ES6 features, Promises, and generate PDF files using JavaScript.

#GoogleMapsAPI #ImportCSVIntoGoogleMaps #CodingTutorial #CodeProject #WebApp #Coding #Tutorial


En esta página del sitio puede ver el video en línea Import CSV Data for Google Maps API Tutorial | Part #4 – Select Fields and Geocode Data de Duración hora minuto segunda en buena calidad , que subió el usuario Bryce St. Pierre 13 agosto 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 954 veces y le gustó 9 a los espectadores. Disfruta viendo!