JSFiddle - React, Tailwind, and code Playground

by Tarek Faham

HTML

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div ng-app="testApp" id="map" ng-controller="MainCtrl"></div>

CSS

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
#map {
    height: 100%;
}

JavaScript

var app = angular.module('testApp', [])
    .controller('MainCtrl', function ($scope, $window) {
    $window.map = new google.maps.Map(document.getElementById('map'), {
        center: {
            lat: -34.397,
            lng: 150.644
        },
        zoom: 8
    });
});