水较深的地图答案

【问题标题】：Map with darker water水较深的地图
【发布时间】：2011-04-18 22:20:42
【问题描述】：

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

【问题讨论】：

【解决方案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>

这够黑吗？

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

【讨论】：

接近完美让我希望更像黑色而不是蓝色和地形图上的风景。谢谢亲爱的先生！
@LarsOn：尝试使用样式映射向导：gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/…。单击水，然后更改色调和其他设置。然后单击“查看 JSON”并简单地将 JSON 对象替换为我的示例中 darkStyle 中使用的对象。
谢谢！您可以检查我部署到 koolbusiness.com 的选项“Dark”