Google Maps v3 - prevent API from loading Roboto font

http://stackoverflow.com/questions/25523806/google-maps-v3-prevent-api-from-loading-roboto-font

by Eduardo GarcĂ­a Sanz

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.9.8"></script>
<div id="map"></div>

CSS

#map {
    height: 300px;
}

JavaScript

var head = document.getElementsByTagName('head')[0];

// Save the original method
var insertBefore = head.insertBefore;

// Replace it!
head.insertBefore = function (newElement, referenceElement) {
    
    if (newElement.href && newElement.href.indexOf('https://fonts.googleapis.com/css?family=Roboto') === 0) {
    
        console.info('Prevented Roboto from loading!');
        return;
    }
    
    insertBefore.call(head, newElement, referenceElement);
};

// Check it!
new google.maps.Map(document.getElementById('map'), {
    center           : new google.maps.LatLng(51.508742,-0.120850),
    zoom             : 16,
    mapTypeId        : google.maps.MapTypeId.ROADMAP,
    streetViewControl: false,
    zoomControl      : false,
    panControl       : false,
    mapTypeControl   : false
});