jquery - 如何使用 gmap2 插件去饱和地图？

Question

我正在使用 jquery gmap2：https ://github.com/marioestrada/jQuery-gMap什么基于 Google Maps API V3。我想去饱和，（饱和度：-200）但我不知道如何在我的代码中实现它。

我有这个代码：

$('#map1').gMap({

    address: "Sample Address",

    controls: {
        streetViewControl: false,
        zoomControl: true,
        panControl: false,
        draggable: false,
    },
    zoom: 12,
    markers:[{
            address: "Sample Address",
    }],

});

谢谢！

Answer 1

gMap 插件本身似乎根本不处理地图的样式，因此您需要通过引用您的特定地图的实际 google.maps.Map 实例来完成。因此，在上面的代码之后，放置以下内容：

//obtain a reference to the actual google.maps.Map instance
var myGmap = $('#map1').data('gMap.reference');
//create our styles
var styles = [
    {
        stylers:[
            {saturation: -100}
        ]
    }
];

var styledMap = new google.maps.StyledMapType(
    styles,
    {name: "Styled Map"}
);

myGmap.mapTypes.set('map_style', styledMap);
myGmap.setMapTypeId('map_style');

如果您还没有看到这一点，有关样式地图的更多信息以及查看下一页底部指向 google 样式地图向导的链接，请参阅https://developers.google.com/maps/documentation/javascript/styling