I found out the way to do it.
var locations = [
@foreach ($data as $i)
[ "{{ $i->name }} " + “i " + “{{ $i->contact_city }}” + " br>” + “{{ $i->date }}” + " Anmälda: " + “{{ $i->signups_count }}” , {{ $i->lat }},{{ $i->lng }},0, “{{ $i->signups_closing_date }}” , “{{ $i->closed_at }}”,‘http://localhost:8080/app/competitions/’+{{ $i->id }}+ ‘/information’],
@Endforeach
];
And for the loop where I put out the markers:
var t=new Date();
var visa;
var ldstr=t.toLocaleDateString(); // Today’s date.
// The loop
for (i = 0; i < locations.length; i++) {
date1=new Date(locations[i][4]);
date2=new Date(ldstr);
var newLat = locations[i][1] + (Math.random() -.5) / 20;// * (Math.random() * (max - min) + min);
var newLng = locations[i][2] + (Math.random() -.5) / 20;// * (Math.random() * (max - min) + min);
if (locations[i][5]){
var marker = new L.marker([newLat, newLng],marker3); // closed competition
marker.url = locations[i][6]; // pick up the date for closed competition
marker.bindPopup(locations[i][0]+’ br> Stängd’);
marker.addTo(map);
marker.on(‘click’, function(){
window.location = (this.url);
});marker.on(‘mouseover’, function (e) {this.openPopup();});
marker.on(‘mouseout’, function (e) { this.closePopup();});
} else if ( date1 < date2 ) {
var marker = new L.marker([newLat, newLng], marker2);
and so on…
The random lines are to separate competitions for a couple of kilometers on the same city as you can see on the map (cluster).
I have cut the < off the br-s for better reading…
Works perfect. Thanks guys!