HTML
<div class="map map--responsive" data-mq="640" data-zoom="15" data-latlng="51.535584,-0.106154">
<a href="http://www.google.co.uk/maps/@51.535584,-0.106154,16z" target="_blank">
<picture class="map__placeholder">
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source
media="(min-width: 60em)"
sizes="800px"
srcset="
https://maps.googleapis.com/maps/api/staticmap?center=51.535584,-0.106154&zoom=15&size=640x260&markers=color:0x898D86|51.535584,-0.106154&sensor=false&style=feature:landscape|element:geometry|color:0xF7F2DE&style=feature:road|element:geometry.fill|lightness:100&style=feature:road|element:geometry.stroke|color:0xEEEBB8&style=feature:all|element:labels|hue:0x898D86|saturation:-100|lightness:25&style=feature:poi|element:geometry|color:0xDEE5CF&style=feature:water|element:geometry|color:0xC9DFE6 640w,
https://maps.googleapis.com/maps/api/staticmap?center=51.535584,-0.106154&zoom=15&size=640x260&&markers=color:0x898D86|51.535584,-0.106154&sensor=false&style=feature:landscape|element:geometry|color:0xF7F2DE&style=feature:road|element:geometry.fill|lightness:100&style=feature:road|element:geometry.stroke|color:0xEEEBB8&style=feature:all|element:labels|hue:0x898D86|saturation:-100|lightness:25&style=feature:poi|element:geometry|color:0xDEE5CF&style=feature:water|element:geometry|color:0xC9DFE6&scale=2 1280w
"/>
<source
media="(min-width: 40em)"
sizes="70vw"
srcset="
https://maps.googleapis.com/maps/api/staticmap?center=51.535584,-0.106154&zoom=15&size=500x320&&markers=color:0x898D86|51.535584,-0.106154&sensor=false&style=feature:landscape|element:geometry|color:0xF7F2DE&style=feature:road|element:geometry.fill|lightness:100&style=feature:road|element:geometry.stroke|color:0xEEEBB8&style=feature:all|element:labels|hue:0x898D86|saturation:-100|lightness:25&style=feature:poi|element:geometry|color:0xDEE5CF&style=feature:water|element:geometry|color:0xC9DFE6 500w,
https://maps.googleapis.com/maps/api/staticmap?center=51.535584,-0.106154&zoom=15&size=500x320&markers=color:0x898D86|51.535584,-0.106154&sensor=false&style=feature:landscape|element:geometry|color:0xF7F2DE&style=feature:road|element:geometry.fill|lightness:100&style=feature:road|element:geometry.stroke|color:0xEEEBB8&style=feature:all|element:labels|hue:0x898D86|saturation:-100|lightness:25&style=feature:poi|element:geometry|color:0xDEE5CF&style=feature:water|element:geometry|color:0xC9DFE6&scale=2 1000w
"/>
<!--[if IE 9]></video><![endif]-->
<img
srcset="https://maps.googleapis.com/maps/api/staticmap?center=51.535584,-0.106154&zoom=15&size=320x320&markers=color:0x898D86|51.535584,-0.106154&sensor=false&style=feature:landscape|element:geometry|color:0xF7F2DE&style=feature:road|element:geometry.fill|lightness:100&style=feature:road|element:geometry.stroke|color:0xEEEBB8&style=feature:all|element:labels|hue:0x898D86|saturation:-100|lightness:25&style=feature:poi|element:geometry|color:0xDEE5CF&style=feature:water|element:geometry|color:0xC9DFE6 320w,
https://maps.googleapis.com/maps/api/staticmap?center=51.535584,-0.106154&zoom=15&size=320x320&markers=color:0x898D86|51.535584,-0.106154&sensor=false&style=feature:landscape|element:geometry|color:0xF7F2DE&style=feature:road|element:geometry.fill|lightness:100&style=feature:road|element:geometry.stroke|color:0xEEEBB8&style=feature:all|element:labels|hue:0x898D86|saturation:-100|lightness:25&style=feature:poi|element:geometry|color:0xDEE5CF&style=feature:water|element:geometry|color:0xC9DFE6&scale=2 640w
" alt="map"/>
</picture>
</a>
</div>