burnbright/silverstripe-widget-googlemap

A simple, non-bloated, google maps SilverStripe widget.

Google Maps Widget

A google map widget for SilverStripe. This widget has intentially been made simple, leaving out any bloat., _(*1)

CMS options include:, _(*2)

• Latitude / Longitude
• Zoom Level
• Disable Controls

Customising the map

You can customise the map via javascript, by accessing stored references to each map, found in the global variable GoogleMapWidget.maps., _(*3)

For example, to style all maps grey, pan left 200px, and add a custom marker:, _(*4)

(function($) {
    $(document).ready(function() {
        if(typeof GoogleMapWidget != 'undefined'){ //if widget is present
            var style = [
                {
                    "stylers": [
                        { "saturation": -100}
                    ]
                }
            ];
            var customMapType = new google.maps.StyledMapType(style);
            var map;
            for (var i in GoogleMapWidget.maps) {
                map = GoogleMapWidget.maps[i]
                map.mapTypes.set("STYLED_MAP", customMapType);
                map.setOptions({
                    mapTypeId: "STYLED_MAP"
                });
                map.panBy(200,0);
                map.marker.setIcon("mysite/images/map_marker.png");
            };
        }
    });
})(jQuery);

Create a custom map styles here: http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html, _(*5)