Google Map API not rendering because of invalid Lng value : <p>The google maps api will not render a map because it says the co ordinates I have given in the lat and long sections is not a number. Returning this console error</p>

<p>InvalidValueError: setCenter: not a LatLng or LatLngLiteral: in property lng: not a number</p>

<p>function initMap() {</p>

<pre><code>const mapHere = document.getElementById("map");

const marker0 = {
    lat: -38.414506,
    long: 144.851985
};

const marker1 = {
    lat: -38.404351,
    long: 144.841955
};

const line = [marker0, marker1];

if (mapHere) {
    const map = new google.maps.Map(mapHere, {
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.HYBRID,
        center: marker0
    });
    const marker_0 = new google.maps.Marker({
        position: marker0,
        map: map,
        title: "marker 0"
    });
    const marker_1 = new google.maps.Marker({
        position: marker1,
        map: map,
        title: "marker 1"
    });
    const lineSymbol = {
        path: 'M 0,-1 0,1',
        strokeOpacity: 1,
        scale: 4
    };

    var flightPath = new google.maps.Polyline({
        path: line,
        geodesic: true,
        strokeColor: '#f8fc09',
        strokeOpacity: 0,
        icons: [{
            icon: lineSymbol,
            offset: '0',
            repeat: '20px'
        }],
        strokeWeight: 2
    });

    flightPath.setMap(map);
}
</code></pre>

<p>}</p>

<p>This is the code i am using to try and render the map, it is partly generated in a php for each loop.</p>

<p>Any ideas?</p>
