向jQuery商店定位器插件添加自定义地图样式

Question

我正在使用jQuery商店定位器插件（https://github.com/bjorn2404/jQuery-Store-Locator-Plugin）的客户端网站的商店定位器。

我试图将一些自定义的地图样式：

stylers: [ 
    { 'saturation': '-62' }, 
    { 'gamma': '0.5' } 
    ] 

我想我可以把它们放进mapSettings参数，但他们不被认可。我试过了我能想到的所有支架变化，但都无济于事。

我现在在想，我需要进入jquery.storelocator.js，并将其添加到那里，但我很难找到放置它的位置（如果这甚至是最佳解决方案）。

任何想法？

UPDATE 这里是因为我试图实现它的代码：

<script> 
$(function() { 
    $('#map-container').storeLocator({ 
     'dataType': 'json', 
     'dataLocation': '/data/locations.php', 
     'slideMap' : true, 
     'mapSettings' : { zoom : 12, mapTypeId: google.maps.MapTypeId.ROADMAP, stylers : [{'saturation' :'-62'}] } 
    }); 
}); 
</script> 

Answer 1

答案竟然是语法问题，毕竟。该mapSettings属性被传递给在MapOptions类，并要求这两个风格和造型器参数：

'mapSettings' : { zoom : 12, mapTypeId: google.maps.MapTypeId.ROADMAP, styles : [{stylers: [{'saturation' :'-62'}]}] } 

里面的风格托架，您可以根据需要添加尽可能多的自定义设置，只要您使用stylers参数以及：

'mapSettings' : { zoom : 12, mapTypeId: google.maps.MapTypeId.ROADMAP, styles : [ 
      { 
       "featureType": "landscape", 
       "stylers": [ 
        { "saturation": -74 }, 
        { "lightness": 82 }, 
        { "gamma": 1.18 }, 
        { "color": "#eleff2" } 
       ] 
      },{ 
       "featureType": "water", 
       "stylers": [ 
        { "saturation": -49 }, 
        { "color": "#eleff2" }, 
        { "lightness": -1 }, 
        { "gamma": 1 } 
       ] 
      },{ 
       "featureType": "road", 
       "stylers": [ 
        { "hue": "#0099ff" }, 
        { "lightness": 4 }, 
        { "saturation": -78 } 
       ] 
      },{ 
       "featureType": "poi", 
       "stylers": [ 
        { "hue": "#0099ff" }, 
        { "saturation": -38 }, 
        { "lightness": 67 } 
       ] 
       } 
      ] } 

Answer 2

的MapOption用于设置地图风格styles，不stylers。变化：

$(function() { 
    $('#map-container').storeLocator({ 
     'dataType': 'json', 
     'dataLocation': '/data/locations.php', 
     'slideMap' : true, 
     'mapSettings' : { zoom : 12, mapTypeId: google.maps.MapTypeId.ROADMAP, stylers : [{'saturation' :'-62'}] } 
    }); 
}); 

要：

$(function() { 
    $('#map-container').storeLocator({ 
     'dataType': 'json', 
     'dataLocation': '/data/locations.php', 
     'slideMap' : true, 
     'mapSettings' : { zoom : 12, mapTypeId: google.maps.MapTypeId.ROADMAP, styles : [{stylers : [{'saturation' :'-62'}]}] } 
    }); 
});