TypeError: can't access property "join", markerConfig.coords is undefined about jsvectormap HOT 6 CLOSED

var config = <?php echo json_encode($config); ?>;
    var items = <?php echo json_encode($this->items); ?>;

    var dealers = items.map(item => ({
            name: item.name,
            coords: [item.latitude, item.longitude],
			row1: item.contact + ': ' + item.address + ' , ' + item.city,
            row2: item.tel + ' / ' + item.fax,
			row3: item.email + ' / ' + item.website,
			countries: item.countries.slice(0,item.countries.indexOf("\n")).split(",")
            //image:item.image
        }));
		
	dealers.push({
            name: config.page_description,
            coords: [config.latitude, config.longitude],			
			row1: config.marker_name,
			row2: config.marker_description,
			countries: ['IT'],
			style: {
				image:config.pin
			}
			//image: config.logo
        });

    var map = new jsVectorMap({
        map: 'world',
        selector: '#mapid',
        onLoaded(map) {
            map.container.delegate(
                "circle.jvm-marker, text.jvm-marker",
                "mouseout",
                (e) => {
					if (e.type === "mouseout") {
						map.clearSelectedRegions();
					}
				}
			);
        },


        labels: {
            markers: {
                render: function (dealers) {
                    return dealers.name; // + dealers[index].coords ;
                }
            }
        },
        markerStyle: {
            initial: {
                fill: config.primary_color,
                r: 7,
                strokeWidth: 5
            },
            selected: {
                fill: config.secondary_color
            }
        },
        markerLabelStyle: {
            initial: {
                // It would be nice if you change this font
                fontFamily: 'Sans-serif',
                fontSize: 13.5,
                fontWeight: 500,
                fill: '#35373e'
            }

        },
        regionStyle: {
            // Everything in initial property can be overwritten here
            selected: {fill: config.secondary_color}
        },
        markers: dealers,
        series: {
            regions: [
                {
                    attribute: 'fill',
                    scale: {
                        primarycolor: config.primary_color
                    },
					values: {[config.main_country]: 'primarycolor'}
					//values: {'IT': 'primarycolor'}
                }
            ]
        },       
        onMarkerTooltipShow: function (tooltip, index) {
			tooltip.selector.innerHTML ='<h3>' + dealers[index].name + '</h3>' 
			+ '<ul><li>'+ dealers[index].row1 +'</li>'
			+ '<li>'+ dealers[index].row2 +'</li>'
			+ '<li>'+dealers[index].row3 +'</li></ul>';
            map.setSelected('regions', dealers[index].countries);
        }
		
    });

    document.querySelector('#focus').addEventListener('click', () => {
        map.setFocus({
            region: config.main_country,
            animate: true
        });
    });