JSFiddle - React, Tailwind, and code Playground

by nosir

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map" style="width:530px; height:530px"></div>

JavaScript

var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 6,
    center: {
        lat: 20.291,
        lng: 153.027
    },
    mapTypeId: google.maps.MapTypeId.TERRAIN
});

var lineSymbol = {
    path: 'M 0,-0.5 0,0.5',
    strokeOpacity: 1,
    scale: 4
};

var line = new google.maps.Polyline({
    path: [{
        lat: 22.291,
        lng: 153.027
    }, {
        lat: 18.291,
        lng: 153.027
    }],
    strokeOpacity: 0,
    icons: [{
        icon: lineSymbol,
        offset: '0',
        repeat: '15px'
    }],
    map: map
});