Google Maps Without Any Labels/Country Names
Join the DZone community and get the full member experience.
Join For FreeI wanted to get a blank version of Google Maps without any of the country names on for a visualisation I’m working on but I’d been led to believe that this wasn’t actually possible.
In actual fact we do have control over whether the labels are shown via the ‘styles’ option which we can call on the map.
In my case the code looks like this:
var map = new google.maps.Map(document.getElementById("map_canvas"), { zoom: 3, center: new google.maps.LatLng(31.492121, 14.919434), mapTypeId: google.maps.MapTypeId.ROADMAP }); var emptyStyles = [ { featureType: "all", elementType: "labels", stylers: [ { visibility: "off" } ] } ]; map.setOptions({styles: emptyStyles});
And this is the result:

Published at DZone with permission of Mark Needham, DZone MVB. See the original article here.
Opinions expressed by DZone contributors are their own.
Comments