const s = (sel, context) => Array.from((context || document).querySelectorAll(sel));
const s1 = (sel, context) => s(sel, context)[0];

const getCoords = $el => {
    const lat = s1('.lat', $el).value;
    const lng = s1('.lng', $el).value;
    return { lat, lng };
};

const $dealerMap = s1('#dealer_map');
if ($dealerMap) {
    const lat1 = s1('#dealerLocalizationLat').value;
    const lng1 = s1('#dealerLocalizationLng').value;
    const dealerMap = new google.maps.Map($dealerMap, {
        zoom: 16,
        center: new google.maps.LatLng(lat1, lng1),
        mapTypeId: 'roadmap'
    });

    const $cars = s('.car');
    $cars.forEach($car => {
        const coords = getCoords($car);
        new google.maps.Marker({
            position: new google.maps.LatLng(coords.lat, coords.lng),
            map: dealerMap,
            animation:google.maps.Animation.BOUNCE
        });
    });
}