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

Published: 13 August 2020
on channel: Bryce St. Pierre

954

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

On this page of the site you can watch the video online Import CSV Data for Google Maps API Tutorial | Part #4 – Select Fields and Geocode Data with a duration of hours minute second in good quality, which was uploaded by the user Bryce St. Pierre 13 August 2020, share the link with friends and acquaintances, this video has already been watched 954 times on youtube and it was liked by 9 viewers. Enjoy your viewing!

102

00:00:00