карта как MapTypeId.TERRAIN с темной водой - PullRequest
Новая
       30

карта как MapTypeId.TERRAIN с темной водой

2 голосов
/ 01 октября 2010

Здравствуйте, я могу затемнить воду, сменив карту на стилированную, чтобы другие значения были сброшены.Что я хочу, так это карта с зеленым ландшафтом, как у MapTypeId.TERRAIN и более темной водойЯ мог бы сделать воду темнее, а теперь хочу зеленый пейзаж, как MapTypeId.TERRAIN.Можете ли вы порекомендовать способ?Спасибо

Ответы [ 2 ]

4 голосов
/ 01 октября 2010

В настоящее время Google Styled Maps нельзя применять к типам карт, отличных от типа ROADMAP по умолчанию.Это было подтверждено сотрудником Google в списке рассылки 31 мая 2010 года:

Однако, если вы просто хотите более зеленую местность с темной водой, вы все равно можете задать стиль по умолчанию ROADMAP, чтобы он выглядел примерно так:

aGoogle Maps Dark Water Style Demo

Пример исходного кода: 

<!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: "landscape",
         elementType: "all",
         stylers: [
           { visibility: "on" },
           { hue: "#1aff00" },
           { lightness: -17 }
         ]
       },{
         featureType: "water",
         elementType: "all",
         stylers: [
           { hue: "#1900ff" },
           { invert_lightness: true },
           { lightness: -56 },
           { saturation: 31 },
           { visibility: "simplified" }
         ]
       },{
         featureType: "administrative",
         elementType: "all",
         stylers: [
           { gamma: 0.82 },
           { visibility: "on" },
           { lightness: -18 },
           { hue: "#00ff4d" },
           { saturation: 27 }
         ]
       }
     ];

     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>
0 голосов
/ 16 февраля 2012

Вы можете визуально оформить вашу карту с помощью этой карты: http://gmaps -samples-v3.googlecode.com / SVN / багажник / styledmaps / Мастер / index.html

...