JSFiddle - React, Tailwind, and code Playground

by Lindsey Suarez

HTML

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map_canvas"></div>

CSS

#map_canvas
{
    margin-top: 60px;
    height: 400px;
    width: 635px;
}

JavaScript

var addresses = [
    {
    infoWindow: "202 Stanton Road<br />Broussard, LA 70518",
    geoAddress: "202 Stanton Road, Broussard, LA 70518",
    href: ""},
{
    infoWindow: "4636 Hwy 71 N<br />Shreveport, LA 71107",
    geoAddress: "4636 Hwy 71 N, Shreveport, LA 71107",
    href: ""},
{
    infoWindow: "4319 16th Avenue West<br />Williston, ND 58801",
    geoAddress: "4319 16th Avenue West, Williston, ND 58801",
    href: ""},
{
    infoWindow: "1205 SE 29th St<br />Oklahoma City, OK 73129",
    geoAddress: "1205 SE 29th St, Oklahoma City, OK 73129",
    href: ""},
{
    infoWindow: "4319 16th Avenue West<br />Williston, ND 58801",
    geoAddress: "4319 16th Avenue West, Williston, ND 58801",
    href: ""},
{
    infoWindow: "500 Mountain View Dr<br />Smithfield, PA 15478",
    geoAddress: "500 Mountain View Dr, Smithfield, PA 15478",
    href: ""},
{
    infoWindow: "RR1 Box 137-B2<br />Wysox, PA 18854",
    geoAddress: "Wysox, PA 18854",
    href: ""},
{
    infoWindow: "1419 1st St E<br />Humble, TX 77338",
    geoAddress: "1419 1st St E, Humble, TX 77338",
    href: ""},
{
    infoWindow: "812 S Eastman Rd, Ste 1<br />Longview, TX 75602",
    geoAddress: "812 S Eastman Rd, Longview, TX 75602",
    href: ""},
{
    infoWindow: "3431 W Arcadia St<br />Odessa, TX 79764",
    geoAddress: "3431 W Arcadia St, Odessa, TX 79764",
    href: ""},
{
    infoWindow: "760 S Hwy 281<br />Pleasanton, TX 78064",
    geoAddress: "760 S Hwy 281 Pleasanton, TX 78064",
    href: ""}
];

$(function() {
    var geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(38.58824789132417, -96.13476562499999);
    var map = new google.maps.Map($("#map_canvas")[0], {
        zoom: 4,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    $.each(addresses, function(i, obj) {
        geocoder.geocode({
            "address": obj.geoAddress
        }, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK)...