Question

你可以发布一个指向含有较深水的gmap的链接，然后我可以查看要更改的值。

Answer 1

你走了：

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

这够黑了吗？

Google Maps Dark Water Style Demo

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

用较深的水映射

1 个答案: