0

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

时代华纳大厦，哥伦布圆环，纽约，NY

这是将生成示例的简化地图的代码：

 <!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>

如果我打开“所有”功能的可见性，建筑物内部确实会与其他所有功能一起消失。但是，我一直无法弄清楚如何让内部消失。

非常感谢任何帮助！

4

1 回答 1

3

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

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

        ]},
{
    "featureType": "road",
    "stylers": [
      { "visibility": "on" }
    ]
  }];
于 2013-01-21T17:40:10.860 回答