Change icon with loadGeoJson 27th February 2015

You may have come across the need to load in map features with the Google Maps API into a map. If you're wanting to change the icon for each point type marker, it may take a while to find how.

Here's a snippet of code to do exactly that. I'm using a custom layer and overriding styles for a particular 'feature'.


var layer = new google.maps.Data();

layer.addListener('addfeature', function(event)
{
    layer.overrideStyle(event.feature, {
        icon: 'http://example.com/icon.png'
    });
});

layer.loadGeoJson('http://example.com/geo.json');
layer.setMap(map);