How can I use my last column to set the color of the marker?

```
  google.load("visualization", "1", {packages:["map"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Lat', 'Long', 'Name', 'Color'],
      [0.001, 0.002, 'Test 1', '#56df23'],
      [0.003, 0.004, 'Test 2', '#0023f6']
    ]);

    var options = {

        showTip: true,
        useMapTypeControl: true

    };

    var map = new google.visualization.Map(document.getElementById('map_div'));

    map.draw(data, options);
  }

```

While googling and stackoverflowing, I found this related topic: [Google Maps: set custom color for type of markers](https://stackoverflow.com/questions/21081778/google-maps-set-custom-color-for-type-of-markers)

But the solution I am looking for must have these properties:

* colors are defined by users (= no use png images)
* I want to use the default marker, not a circle

Please add a working fiddle.