Question

我正在使用基于Google Maps API V3的jquery gmap2：https://github.com/marioestrada/jQuery-gMap。我想去饱和它，（饱和度：-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 {@}}

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

1 个答案: