Javascript 谷歌地图api-不需要的透明边框
下面是这个例子: 做了一个定制的 我的html(几乎相同,主要区别是var-feartureOpts和var-mapOtions):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,
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 }
]
}
];