Skip to content

Instantly share code, notes, and snippets.

@beacrea
Last active December 28, 2015 09:19
Show Gist options
  • Save beacrea/7478598 to your computer and use it in GitHub Desktop.
Save beacrea/7478598 to your computer and use it in GitHub Desktop.
This is my customized google map thats styled to be complimentary with the MoyoMed brand. The tool used to create this can be found at: http://software.stadtwerk.org/google_maps_colorizr/#water/all/64afc3/simplified/landscape/labels/edb64f/simplified
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In -->
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="128px" height="128px" viewBox="0 0 128 128" enable-background="new 0 0 128 128" xml:space="preserve">
<defs>
</defs>
<g>
<image overflow="visible" opacity="0.3" width="128" height="128" xlink:href="data:image/png;base64,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">
</image>
<g>
<g>
<circle fill="#FFD11A" cx="63.852" cy="64" r="48"/>
<circle fill="none" stroke="#999999" stroke-miterlimit="10" cx="63.852" cy="64" r="48"/>
</g>
<defs>
<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="15.352" y="15.5" width="97" height="97">
<feColorMatrix type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0" color-interpolation-filters="sRGB" result="source"/>
</filter>
</defs>
<mask maskUnits="userSpaceOnUse" x="15.352" y="15.5" width="97" height="97" id="SVGID_1_">
<g filter="url(#Adobe_OpacityMaskFilter)">
<image overflow="visible" width="102" height="102" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/7AARRHVja3kAAQAEAAAAHgAA/+4AIUFkb2JlAGTAAAAAAQMA
EAMCAwYAAAIiAAADaAAABBH/2wCEABALCwsMCxAMDBAXDw0PFxsUEBAUGx8XFxcXFx8eFxoaGhoX
Hh4jJSclIx4vLzMzLy9AQEBAQEBAQEBAQEBAQEABEQ8PERMRFRISFRQRFBEUGhQWFhQaJhoaHBoa
JjAjHh4eHiMwKy4nJycuKzU1MDA1NUBAP0BAQEBAQEBAQEBAQP/CABEIAGYAZgMBIgACEQEDEQH/
xACEAAACAgMBAAAAAAAAAAAAAAAABgQFAQIDBwEBAAAAAAAAAAAAAAAAAAAAABAAAQQCAgEDBAMA
AAAAAAAAAQIDBAUAESASIRBQFDETJBUiMkQRAAIBAwQCAwAAAAAAAAAAAAABIRExAhAgIjIwYXGB
EhIBAAAAAAAAAAAAAAAAAAAAUP/aAAwDAQACEQMRAAAA8/AA3tiq7tE8StHzgIejbSFaZwAAb6XR
KZMsBGmTepA5WuBcpHarPNah9TyCAdXBXdy9uYVkGQAAxFl8xaTH9PE07BJeEJ2G+fV2ZsAAAabc
iqUGlPFg0DVrUbM9Ju0liLzMTudMa6G8EpyMnWqqRwAzgLllQpx6RMQZw5cVbgX9HV1J2ggAAAAA
Z7AZ0A5AAAAB/9oACAECAAEFAPcf/9oACAEDAAEFAPcf/9oACAEBAAEFAOCI7q8TXPEfrHsXAeTi
2nEc2mlOqh1XbI1SNN1I1+pGnakalVA1MrFNlSSk+rTSnV1taMhVwAYgABEIZ8MY5CGSIAInVwIs
q4pJBB9KmFvK6EAIsUANsgAJAzQwoBx1gETIgIs4Q1Yxi05kZHd2pjDUFgAMtgDgRvJDQIsWBq4j
DXX+VYns9UtjUNHhI0OLo2mejxcIGuo+VVEfcqiNQz4H04uf1nnxcHx/rrl9Xql0ahOAhB2OLytC
wcGrd0a7fkMr6OVMoagSQQw6CAd8FKAEp8AWMkat5Ob85WTChVdOGokwENSAQHUnPuJxTwGPygBN
mgCynDUt8uueiVFJrrLqYVkNMWI0ieMM8Y7YDUmxGp1kNTZqnVcAopMayW3ke4GkXA0bgY7bjUm3
3j8tx0809tp+Vn5eK+Rh3x//2gAIAQICBj8AR//aAAgBAwIGPwBH/9oACAEBAQY/ANkY62OS30xQ
m1Vi4nU6nUfEbxRRw9ixQoFAoLFiw4HA2lKKO61TaligUbbDgcDySjRIxgUb2ODKD8+6aYi8DMin
s+zEXgZkL50xF4GZH69iyMZFO9yORyV0WLdhSKS+xyORyOYWqauhJuUKRSXLlxyORpPbVQxLJi5H
Y7HYcl48HGv0RUszlUnb/9k=" transform="matrix(1 0 0 1 13 13)">
</image>
</g>
</mask>
<g opacity="0.16" mask="url(#SVGID_1_)">
<circle fill="#FFFFFF" cx="63.852" cy="64" r="48"/>
<circle fill="none" stroke="#FFFFFF" stroke-miterlimit="10" cx="63.852" cy="64" r="48"/>
</g>
</g>
</g>
<g>
<image overflow="visible" opacity="0.2" width="92" height="92" xlink:href="data:image/png;base64,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" transform="matrix(1 0 0 1 18 18)">
</image>
<g>
<g>
<circle fill="#FFFFFF" cx="63.852" cy="64" r="30.148"/>
<circle fill="none" stroke="#999999" stroke-miterlimit="10" cx="63.852" cy="64" r="30.148"/>
</g>
<defs>
<filter id="Adobe_OpacityMaskFilter_1_" filterUnits="userSpaceOnUse" x="33.203" y="33.352" width="61.297" height="61.297">
<feColorMatrix type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0" color-interpolation-filters="sRGB" result="source"/>
</filter>
</defs>
<mask maskUnits="userSpaceOnUse" x="33.203" y="33.352" width="61.297" height="61.297" id="SVGID_2_">
<g filter="url(#Adobe_OpacityMaskFilter_1_)">
<image overflow="visible" width="66" height="66" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/7AARRHVja3kAAQAEAAAAHgAA/+4AIUFkb2JlAGTAAAAAAQMA
EAMCAwYAAAHUAAACdAAAA0f/2wCEABALCwsMCxAMDBAXDw0PFxsUEBAUGx8XFxcXFx8eFxoaGhoX
Hh4jJSclIx4vLzMzLy9AQEBAQEBAQEBAQEBAQEABEQ8PERMRFRISFRQRFBEUGhQWFhQaJhoaHBoa
JjAjHh4eHiMwKy4nJycuKzU1MDA1NUBAP0BAQEBAQEBAQEBAQP/CABEIAEIAQgMBIgACEQEDEQH/
xACFAAEBAAIDAQAAAAAAAAAAAAAABwUGAQIDBAEBAAAAAAAAAAAAAAAAAAAAABAAAgMAAgICAwAA
AAAAAAAAAgQBAwYABRAgQBQwESERAAIBAwEHAwUAAAAAAAAAAAECEQAhAxAgMUFRYUITMIEScZGh
sQQSAQAAAAAAAAAAAAAAAAAAAED/2gAMAwEAAhEDEQAAAJ+bUYXPUL7iZ4azfOQnigaCdQZCwz+m
nYAHjKa3oxOQbtSYzXj6QAcaTukxNQBzQJ92Lx6ybZjdOmpYA2WXvEAAAAAA/9oACAECAAEFAPk/
/9oACAEDAAEFAPk//9oACAEBAAEFAPCPSPOythLz5fgrY4/mOwU4QkJeczmDbNHqVlQgRjkjE8YR
ovHT5MZGys6j50aMuv8AVJAsv6M0jdVseshRrmDUg7Rj9D672kJW5gbxgo/seu8OPq8zD/0+wSYG
+j0sOKw3HZRdbwCICymoEhpZquHwdgVxpNJSrS21Y3f4rsOo+q2LKsK7pU+MbhOuOz3B2w05e3Z+
P//aAAgBAgIGPwBP/9oACAEDAgY/AE//2gAIAQEBBj8A0HjQqp7jQORiem6pxsw/NFgvzUfeirCG
G8HYXP8A0LbtU0AFEirACriiGUXps2Bfi4uCKbG4hlMEaIkSqkE0oAgxssjCbV5kWAxhtGym8m3t
QHLadouLjQ4+Ia/vQO046aKCYV/3SsDNtkseFDApmTf6DQOphlMg0uDMYcWINBkYGdZYxTKrX3AC
mzZDdjYchqHxsVYbiKCZ5IHcKALieRqPIJPWimCSefCjkzMWPAcB6n//2Q==" transform="matrix(1 0 0 1 31 31)">
</image>
</g>
</mask>
<g opacity="0.32" mask="url(#SVGID_2_)">
<circle cx="63.852" cy="64" r="30.148"/>
<circle fill="none" stroke="#000000" stroke-miterlimit="10" cx="63.852" cy="64" r="30.148"/>
</g>
</g>
</g>
</svg>
var styles = [
{
featureType: 'water',
elementType: 'all',
stylers: [
{ hue: '#64afc3' },
{ saturation: -2 },
{ lightness: -24 },
{ visibility: 'simplified' }
]
},{
featureType: 'landscape',
elementType: 'labels',
stylers: [
{ hue: '#edb64f' },
{ saturation: 75 },
{ lightness: -30 },
{ visibility: 'simplified' }
]
}
];
var options = {
mapTypeControlOptions: {
mapTypeIds: [ 'Styled']
},
center: new google.maps.LatLng(-14.396985960117801, 34.478662109375016),
zoom: 7,
mapTypeId: 'Styled'
};
var div = document.getElementById('map');
var map = new google.maps.Map(div, options);
var styledMapType = new google.maps.StyledMapType(styles, { name: 'Styled' });
map.mapTypes.set('Styled', styledMapType);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment