Google Maps API - нежелательные прозрачные границы

Question

Круги на этом примере: https://developers.google.com/maps/documentation/javascript/examples/maptype-styled-simple

и сделал обычай один

мой HTML: (почти такой же, главный рассеиватели вар feartureOpts и вар mapOtions.)

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 

<script> 
    var map; 
    var brooklyn = new google.maps.LatLng(52.330394, -23.661259); 

    var MY_MAPTYPE_ID = 'custom_style'; 

    function initialize() { 

    var featureOpts = [ 
     { 
     stylers: [ 
      { gamma: 1.56 }, 
      { lightness: 25 }, 
      { saturation: -100 } 
     ] 
     } 
    ]; 

    var mapOptions = { 
     zoom: 17, 
     disableDefaultUI: true, 
     center: brooklyn, 
     mapTypeControlOptions: { 
     mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID] 
     }, 
     mapTypeId: MY_MAPTYPE_ID 
    }; 

    map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 

    var styledMapOptions = { 
     name: 'Custom Style' 
    }; 

    var customMapType = new google.maps.StyledMapType(featureOpts, styledMapOptions); 

    map.mapTypes.set(MY_MAPTYPE_ID, customMapType); 
    } 

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

</script> 

<div id="map-canvas" style="witdh: 100%; height: 350px;"></div> 

результаты:

ВОПРОС: как убрать эти неприятные полупрозрачные квадратных границ?

Answer 1

См. Ниже ссылку.

http://jsfiddle.net/x5xXc/

<div id="map-canvas" style="witdh: 400px; height: 350px;"></div> 
    var featureOpts = [ 
     { 
     stylers: [ 
      { gamma: 1.56 }, 
      { lightness: 25 }, 
      { saturation: -100 } 
     ] 
     } 
    ];