JSFiddle - React, Tailwind, and code Playground

by chinmaysharma01

HTML

<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyARbDtBazTZTGrmxsIuCJHAQLdsPiAsXkw&callback=initMap">
</script>

CSS

/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}

/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

JavaScript

// This example creates a 2-pixel-wide red polyline showing the path of
// the first trans-Pacific flight between Oakland, CA, and Brisbane,
// Australia which was made by Charles Kingsford Smith.

function initMap() {          
            
var flightPlanCoordinates = [{lat: 62.0903814, lng: 9.0205264},{lat: 62.0905002, lng: 9.0213285},{lat: 62.09053, lng: 9.021333},{lat: 62.090551, lng: 9.021491},{lat: 62.090556, lng: 9.021555},{lat: 62.09055, lng: 9.0215},{lat: 62.090524, lng: 9.02146},{lat: 62.090491, lng: 9.021425},{lat: 62.090468, lng: 9.021403},{lat: 62.090423, lng: 9.021385},{lat: 62.090385, lng: 9.02139},{lat: 62.090358, lng: 9.021408},{lat: 62.090341, lng: 9.021421},{lat: 62.0904, lng: 9.021396},{lat: 62.090473, lng: 9.021386},{lat: 62.090531, lng: 9.021451},{lat: 62.090561, lng: 9.021551},{lat: 62.090581, lng: 9.021628},{lat: 62.090631, lng: 9.021698},{lat: 62.090706, lng: 9.021701},{lat: 62.090788, lng: 9.021688},{lat: 62.090878, lng: 9.021685},{lat: 62.097653, lng: 9.015993},{lat: 62.097888, lng: 9.015311},{lat: 62.098093, lng: 9.014573},{lat: 62.098316, lng: 9.01382},{lat: 62.098506, lng: 9.013071},{lat: 62.098605, lng: 9.012295},{lat: 62.098631, lng: 9.011471},{lat: 62.09857, lng: 9.010633},{lat: 62.098481, lng: 9.00979},{lat: 62.098411, lng: 9.008913},{lat: 62.098248, lng: 9.007198},{lat: 62.098175, lng: 9.005478},{lat: 62.098251, lng: 9.00461},{lat: 62.098401, lng: 9.003778},{lat: 62.098571, lng: 9.002948},{lat: 62.098735, lng: 9.002161},{lat: 62.098878, lng: 9.001386},{lat: 62.098983, lng: 9.000591},{lat: 62.098798, lng: 8.998958},{lat: 62.098634, lng: 8.998126},{lat: 62.098473, lng: 8.997258},{lat: 62.098311, lng: 8.99639},{lat: 62.098103, lng: 8.995605},{lat: 62.097845, lng: 8.994908},{lat: 62.097593, lng: 8.994224},{lat: 62.097473, lng: 8.993396},{lat: 62.097473, lng: 8.992505},{lat: 62.097516, lng: 8.991583},{lat: 62.097554, lng: 8.990641},{lat: 62.097541, lng: 8.989695},{lat: 62.097448, lng: 8.988768},{lat: 62.097288, lng: 8.987873},{lat:...