2

您能否发布指向具有较深水的 gmap 的链接，然后我可以查看要更改的值。

4

1 回答 1

3

干得好：

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps Dark Water Style Demo</title> 
   <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
</head> 
<body> 
   <div id="map" style="width: 550px; height: 300px;"></div> 

   <script type="text/javascript"> 
     var darkStyle = [{
       featureType: 'water',
       elementType: 'all',
       stylers: [{ invert_lightness: true }, { hue: '#3300ff' }]
     }];

     var map = new google.maps.Map(document.getElementById('map'), {
       mapTypeControlOptions: {
         mapTypeIds: ['darkwater', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.TERRAIN]
       },
       center: new google.maps.LatLng(30, 0),
       zoom: 1,
       mapTypeId: 'darkwater'
     });

     map.mapTypes.set('darkwater', new google.maps.StyledMapType(darkStyle, { name: 'Dark' }));
   </script> 
</body> 
</html>

这够黑吗？

谷歌地图暗水风格演示

这是使用v3 API的新Styled Map 功能。您可能还想查看Google Maps API Styled Map Wizard，它允许您以图形方式编辑样式。

于 2010-09-29T22:56:54.790 回答