深水地图

深水地图

问题描述：

你可以发布一个有较深水的gmap的链接，然后我可以看看要改变的值。深水地图

答

在这里你去：

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

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

接近完美的离开我希望更喜欢黑色比地形图中的蓝色和景观。谢谢亲爱的先生！ – 2010-09-30 08:43:15

@LarsOn：尝试使用样式映射向导：http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html。点击水，然后更改色调和其他设置。然后点击“查看JSON”，并简单地将JSON对象替换为我例子中的'darkStyle'中使用的对象。 – 2010-09-30 08:53:02

谢谢！您可以查看我部署到http://www.koolbusiness.com/ – 2010-10-02 06:25:25

相关推荐