Как использовать Google Maps Stylers с плагином jquery-ui-map? - PullRequest
Новая
       17

Как использовать Google Maps Stylers с плагином jquery-ui-map?

3 голосов
/ 25 марта 2012

Я слишком слаб в написании JS.Мне нужно построить и настроить карту Google.Для этого я использую плагин jquery-ui-map и этот код: 

if ($("#map_canvas").length){
$('#map_canvas').gmap().bind('init', function(ev, map) {
    $("[data-gmapping]").each(function(i,el) {
        var data = $(el).data('gmapping');
        $('#map_canvas').gmap('addMarker', {'id': data.id, 'tags':data.tags, 'position': new google.maps.LatLng(data.latlng.lat, data.latlng.lng), 'bounds':true }, function(map,marker) {

            $(el).click(function() {
                $(marker).triggerEvent('click');
            });
            }).click(function() {
                $('#map_canvas').gmap('openInfoWindow', { 'content': $(el).find('.info-box').html() }, this);
            });
    }); 
});
}

Где я должен вставить эти сгенерированные переменные: 

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

Ссылки, которые я использовал: http://code.google.com/p/jquery-ui-map/ http://gmaps -samples-v3.googlecode.com / svn / trunk / styledmaps / wizard / index.html

1 Ответ

4 голосов
/ 26 марта 2012

Есть много мест, чтобы положить его, например, в создание экземпляра карты:

сейчас: 

$('#map_canvas').gmap()  //...more code

, то: 

$('#map_canvas').gmap({styles:[{stylers:[{lightness:7},{saturation:-100}]}]})  //...more code

конструктор gmap принимает все опции, которые принимает google.maps.Map.setOptions(). Одним из этих параметров является «стиль», который, как ожидается, будет массивом с google.maps.MapTypeStyle (сгенерированный вывод - MapTypeStyle)

...