Goal: Change the icons in the Navigation
control that are currently inside div
elements to be img
elements.
data:
- plane routes: origin, destination airports (lat, lng) - only direct flights
- data: timezone changes on route (origin and destination timezones, airport identification data (name, airport code)
data munging steps:
- add field names to both csvs from source
- initialize your folder, initialize package.json (
npm init
) - set up node script with required modules
- fs (included, 'file system')
var fs = require('fs')
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Frame rate capture demo</title> | |
<meta charset='utf-8'> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | |
<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.css' /> | |
<style> | |
body { margin: 0; padding: 0; } | |
html, body, #map { height: 100%; width: 100%;} |
This guide assumes that:
- you already have an instance set up on GCP that you want to mount locally
- the GCP CLI (
gcloud
) is installed on your local machine - you have authenticated locally to your google account
gcloud auth login
- make sure your gcloud config is correct for the instance you're trying to access: