Google Maps v3 – prevent API from loading Roboto font

by

You can replace the insertBefore method before the Google script invokes it:

http://jsfiddle.net/coma/7st6d9p2/

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('//fonts.googleapis.com/css?family=Roboto') > -1) {

        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
});

More Related Contents:

  1. Set Google Maps Container DIV width and height 100%
  2. Zoom control and streetview not showing on my Google map?
  3. Styling Google Maps InfoWindow
  4. Transparent rounded corners on Google Map
  5. Google map custom marker with css rounded corner
  6. Add CSS styled marker to google maps
  7. How to use HTML to print header and footer on every printed page of a document?
  8. Any way to declare a size/partial border to a box?
  9. Add a CSS border on hover without moving the element [duplicate]
  10. How to prevent long words from breaking my div?
  11. Scrolling a flexbox with overflowing content
  12. CSS Page-Break Not Working in all Browsers
  13. My CSS is not getting injected through my content script
  14. CSS Styling Checkboxes
  15. Pressed selector
  16. Float:right reverses order of spans
  17. Two divs, one fixed width, the other, the rest
  18. Bootstrap dropdowns menus appearing behind other elements – IE7
  19. Responsive css styles on mobile devices ONLY
  20. CSS: Top vs Margin-top
  21. How to make borders collapse (on a div)?
  22. React native text going off my screen, refusing to wrap. What to do?
  23. Can I add color to bootstrap icons only using CSS?
  24. Change style of pseudo elements in angular2
  25. CSS select multiple descendants of another element
  26. Select all ‘tr’ except the first one
  27. How do I remove default markers?
  28. Firefox blurs an image when scaled through external CSS or inline style.
  29. How to override stylesheets of PrimeFaces? [duplicate]
  30. How is padding-top as a percentage related to the parent’s width?

Leave a Comment