title: Google map tiles - streets and labels overlay with style?
body: <p>I have a google map where I insert a custom layer on top of a map and then add the google streets and labels on top of that.  I've been searching around to see if there is any way to stylize the streets and labels overlay as you would the roadmap.</p>
  
  <p>So I have this:</p>
  
  <pre><code>var myStyle = [
  {
      featureType: "road.arterial",
      elementType: "all",
      stylers: [
      { visibility: "simplified" }
      ]
  },{
      featureType: "road.highway",
      elementType: "all",
      stylers: [
        { visibility: "simplified" }
      ]
  }
  ];
  
  var myTileLayer = {
      getTileUrl: function(coord, zoom) {
          return "myTiles.php?" +
          "z=" + zoom + "&amp;x=" + coord.x + "&amp;y=" + coord.y + "&amp;client=api";
      },
      tileSize: new google.maps.Size(256, 256),
      isPng: true
  };
  
  var labelTiles = {
      getTileUrl: function(coord, zoom) {
          return "http://mt0.google.com/vt/v=apt.116&amp;hl=en-US&amp;" +
          "z=" + zoom + "&amp;x=" + coord.x + "&amp;y=" + coord.y + "&amp;client=api";
      },
      tileSize: new google.maps.Size(256, 256),
      isPng: true
  };
  
  var googleLabelLayer = new google.maps.ImageMapType(labelTiles);
  
  var mapOptions = {
      mapTypeControlOptions: {
       mapTypeIds: ['mystyle', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.TERRAIN]
     },
      zoom: 9,
      center: map_center,
      mapTypeId: 'mystyle'
  };
  map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
  map.mapTypes.set('mystyle', new google.maps.StyledMapType(myStyle, { name: 'My Style' }));
  map.overlayMapTypes.insertAt(0, myTileLayer);
  map.overlayMapTypes.insertAt(1, googleLabelLayer);
  </code></pre>
  
  <p>Anybody know?</p>