Google maps 如何使用样式从谷歌地图中删除建筑内部？_Google Maps_Google Maps Api 3

Google maps 如何使用样式从谷歌地图中删除建筑内部？

google-maps google-maps-api-3

Google maps 如何使用样式从谷歌地图中删除建筑内部？,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我试图通过使用自定义样式来简化谷歌地图的布局。我无法回避的一个问题是，正在展示建筑内部。例如，纽约时代华纳大厦：以下代码将生成示例的简化映射： <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta charset="

我试图通过使用自定义样式来简化谷歌地图的布局。我无法回避的一个问题是，正在展示建筑内部。例如，纽约时代华纳大厦：

以下代码将生成示例的简化映射：

 <!DOCTYPE html>
 <html>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
     <meta charset="utf-8">
     <style>
       html, body, #map_canvas {
         margin: 0;
         padding: 0;
         height: 100%;
       }
     </style>
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
     <script>
       var map;
       function initialize() {
         var mapOptions = {
           zoom: 18,
           center: new google.maps.LatLng(40.7681, -73.9819),
      mapTypeId: google.maps.MapTypeId.ROADMAP
         };


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

 var styles = [
   {
     "featureType": "poi",
     "stylers": [
       { "visibility": "off" }
     ]
   },{
     "featureType": "landscape",
     "stylers": [
       { "visibility": "off" }
     ]
   },{
     "featureType": "transit",
     "stylers": [
       { "visibility": "off" }
     ]
   }
 ]
 ;

 map.setOptions({styles: styles});

       }

       google.maps.event.addDomListener(window, 'load', initialize);
     </script>
   </head>
   <body>
     <div id="map_canvas"></div>
   </body>
 </html>


html，正文，#地图#画布{
保证金：0；
填充：0；
身高：100%；
}
var映射；
函数初始化（）{
变量映射选项={
缩放：18，
中心：新google.maps.LatLng（40.7681，-73.9819），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'map_canvas'），
地图选项）；
变量样式=[
{
“featureType”：“poi”，
“造型师”：[
{“可见性”：“关闭”}
]
},{
“特色类型”：“景观”，
“造型师”：[
{“可见性”：“关闭”}
]
},{
“featureType”：“transit”，
“造型师”：[
{“可见性”：“关闭”}
]
}
]
;
setOptions（{styles:styles}）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

如果我打开“所有”功能的可见性，建筑内部确实会与其他所有功能一起消失。然而，我一直无法想出如何让内部消失

非常感谢您的帮助

找到了答案。关闭所有POI，然后仅打开要显示的内容。以下是使建筑内部（以及所有其他）不出现的样式器：

var styles = [
  {"stylers": [
          { "visibility": "off" },

        ]},
{
    "featureType": "road",
    "stylers": [
      { "visibility": "on" }
    ]
  }];

找到了答案。关闭所有POI，然后仅打开要显示的内容。以下是使建筑内部（以及所有其他）不出现的样式器：

var styles = [
  {"stylers": [
          { "visibility": "off" },

        ]},
{
    "featureType": "road",
    "stylers": [
      { "visibility": "on" }
    ]
  }];

这实际上使我的地图样式不那么复杂，因为我将许多功能设置为

“可见性”：“off”

这实际上使我的地图样式不那么复杂，因为我将许多功能设置为

“可见性”：“off”