Google Maps API, often used functions

svg-example.js

var map = new google.maps.Map(document.getElementById('map'), {
       zoom: 10,
       center: new google.maps.LatLng(-33.92, 151.25),
       mapTypeId: google.maps.MapTypeId.ROADMAP
   });

var template = [
    '<?xml version="1.0"?>',
    '<svg width="26px" height="26px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">',
    '<circle stroke="#222" fill="{{ color }}" cx="50" cy="50" r="35"/>',
    '</svg>'
].join('\n');
var svg = template.replace('{{ color }}', '#800');

var docMarker = new google.maps.Marker({
    position: new google.maps.LatLng(-33.92, 151.25),
    map: map,
    title: 'Dynamic SVG Marker',
    icon: { url: 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(svg) }
});

var docMarker = new google.maps.Marker({
    position: new google.maps.LatLng(-33.95, 151.25),
    map: map,
    title: 'Dynamic SVG Marker',
    icon: { url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svg) }
});

svg-icon.js

var icon = {
        url: 'path/to/images/car.svg',
        size: new google.maps.Size(sizeX, sizeY),
        origin: new google.maps.Point(0, 0),
        anchor: new google.maps.Point(sizeX/2, sizeY/2)
};

var marker = new google.maps.Marker({
        position: event.latLng,
        map: map,
        draggable: false,
        icon: icon
});