Code Snippet Library
accessing arguments in UI events add controls add state to controls adsense map ad unit adsense map ad unit formats advanced custom styling animate symbol arrows asynchronous loading auto-complete polygon bicycle layer circle overlays complex icons complex polyline control options control positioning custom controls custom info boxes custom map projections custom style map custom symbols dashed lines directions service directions service (advanced) directions service (draggable) directions service with text directions directions service with travel modes directions service with waypoints disable the default UI distance matrix service draggable polygons drawing tools elevations along a path elevation service fusion table layer fusion table layer with heatmap fusion table layer with query fusion table layer with styling geocoding service geolocation geometry encoding methods geometry navigation functions heading geoRSS layer get the new google maps styling getting properties with event handlers ground overlays heatmap layer info window with max width kml layer kml layer with events languages listening to DOM events localize map marker animations marker animations with setTimeout() overlays panoramio layer panoramio layer (restrict photos by tag) panoramio widget api place details place searches polygon array recatangles region code biasing (ES) region code biasing (US) remove overlay reverse geocoding show & hide overlays show pixel and tile coordinates simple click event simple icons simple info window simple map simple map with visual refresh enabled simple markers simple polygon simple polylines simple styled map street view controls street view data access street view events street view panoramas street view panorama tiles street view service traffic layer transit layer user-editable shapes using closures in event listeners weather layer
  • maps api/
  • get the new google maps styling
  • 0

get the new google maps styling

The Google Maps visual refresh brings a fresh new look to applications using the Google Maps JavaScript API. The refresh is a seamless upgrade that aligns the Google Maps API user experience with the new Google Maps. See more here: https:developers.google.commapsdocumentationjavascriptbasics#VisualRefresh Note: You must enable the google.maps.visualRefresh property before the map is rendered.

 Enable the visual refresh
google.maps.visualRefresh = true;

 then call the rest of your map function(s)
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById(\'map-canvas\'),
      mapOptions);
}

google.maps.event.addDomListener(window, \'load\', initialize);