风格Google地图

Question

我可以完美地绘制地图的样式，使其不饱和。我也可以对地图进行样式设置，使其具有自定义标记。不过，我无法将代码与定制标记制作成不饱和地图。有人可以看看我的脚本，并检查我是否在正确的位置有正确的位。感谢您的帮助球员 - 非常感谢：

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 

<script> 
var map; 
var brooklyn = new google.maps.LatLng(53.798709, -1.550740); 

var MY_MAPTYPE_ID = 'custom_style'; 

function initialize() { 

var mapOptions = { 
zoom: 14, 
center: new google.maps.LatLng(53.798709, -1.550740), 
mapTypeId: google.maps.MapTypeId.ROADMAP 
} 
var map = new google.maps.Map(document.getElementById('map-canvas'), 
          mapOptions); 

var image = 'images/marker.png'; 
var myLatLng = new google.maps.LatLng(53.798709, -1.550740); 
var beachMarker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    icon: image 
}); 

var featureOpts = [ 
{ 
    stylers: [ 

    ] 
},{ 
     featureType: "all", 

     stylers: [{ 
      saturation: -100 
     }]}, 

    { 

    }] 

    } 

google.maps.event.addDomListener(window, 'load', initialize); 

</script> 

Answer 1

你忘了应用风格。

将这个线的initialize()末：

map.setOptions({styles:featureOpts}); 

或定义与mapOptions的样式：

var mapOptions = { 
    zoom:  14, 
    center:  new google.maps.LatLng(53.798709, -1.550740), 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    styles:  [ 
       { 
        featureType: "all", 
        stylers: [ 
          { 
           saturation: -100 
          } 
          ] 
       } 
       ] 
};