Javascript 谷歌地图api-不需要的透明边框

Javascript 谷歌地图api-不需要的透明边框,javascript,json,api,google-maps,google-maps-api-3,Javascript,Json,Api,Google Maps,Google Maps Api 3,下面是这个例子: 做了一个定制的 我的html(几乎相同,主要区别是var-feartureOpts和var-mapOtions): var映射; var brooklyn=new google.maps.LatLng(52.330394,-23.661259); var MY_MAPTYPE_ID='custom_style'; 函数初始化(){ 变量特性选项=[ { 样式:[ {gamma:1.56}, {亮度:25}, {饱和度:-100} ] } ]; 变量映射选项={ 缩放:17,

下面是这个例子:

做了一个定制的

我的html(几乎相同,主要区别是var-feartureOptsvar-mapOtions):


var映射;
var brooklyn=new google.maps.LatLng(52.330394,-23.661259);
var MY_MAPTYPE_ID='custom_style';
函数初始化(){
变量特性选项=[
{
样式:[
{gamma:1.56},
{亮度:25},
{饱和度:-100}
]
}
];
变量映射选项={
缩放:17,
disableDefaultUI:true,
中心:布鲁克林,
mapTypeControlOptions:{
MapTypeId:[google.maps.MapTypeId.ROADMAP,我的地图类型]
},
mapTypeId:MY_MAPTYPE_ID
};
map=new google.maps.map(document.getElementById('map-canvas'),
地图选项);
var styledMapOptions={
名称:“自定义样式”
};
var customMapType=new google.maps.StyledMapType(featureOpts,styledMapOptions);
map.mapTypes.set(MY\u MAPTYPE\u ID,customMapType);
}
google.maps.event.addDomListener(窗口“加载”,初始化);
结果:





问题:如何删除那些讨厌的半透明方形边框?


请参考下面的链接


变量特性选项=[
{
样式:[
{gamma:1.56},
{亮度:25},
{饱和度:-100}
]
}
];

修复应用于地图平铺(图像)的css规则。只是从源代码ty:)复制的一个输入错误。不是这样,我发现我的代码在工作,而我没有将它应用到我的wordpress>page>post
<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>
<div id="map-canvas" style="witdh: 400px; height: 350px;"></div>
   var featureOpts = [
       {
         stylers: [
           { gamma: 1.56 },
           { lightness: 25 },
           { saturation: -100 }
         ]
       }
     ];