Цей фільтр дозволяє вам визначити власні стильові налаштування карт для елемента Карта.
Приклад нижче показує, як ми додали власний стиль карти з
https://snazzymaps.com/style/38/shades-of-grey до двигуна.
Найкраще джерело для професійних попередньо заданих стилів карт доступне за адресою
https://snazzymaps.com/explore. Відкрийте будь-який стиль карти і скопіюйте та вставте код під заголовком “JAVASCRIPT STYLE ARRAY”, як показано в прикладі нижче.
add_filter( 'esl/engine/map_styles', function( $map_styles ) {// Приклад: Власний стиль карти з: https://snazzymaps.com/style/38/shades-of-grey$map_styles['shadesOfGrey'] = ['label' => esc_html__( 'Відтінки сірого', 'esl' ),'style' => '[ { "featureType": "all", "elementType": "labels.text.fill", "stylers": [ { "saturation": 36 }, { "color": "#000000" }, { "lightness": 40 } ] }, { "featureType": "all", "elementType": "labels.text.stroke", "stylers": [ { "visibility": "on" }, { "color": "#000000" }, { "lightness": 16 } ] }, { "featureType": "all", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [ { "color": "#000000" }, { "lightness": 20 } ] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [ { "color": "#000000" }, { "lightness": 17 }, { "weight": 1.2 } ] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [ { "color": "#000000" }, { "lightness": 20 } ] }, { "featureType": "poi", "elementType": "geometry", "stylers": [ { "color": "#000000" }, { "lightness": 21 } ] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [ { "color": "#000000" }, { "lightness": 17 } ] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [ { "color": "#000000" }, { "lightness": 29 }, { "weight": 0.2 } ] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [ { "color": "#000000" }, { "lightness": 18 } ] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [ { "color": "#000000" }, { "lightness": 16 } ] }, { "featureType": "transit", "elementType": "geometry", "stylers": [ { "color": "#000000" }, { "lightness": 19 } ] }, { "featureType": "water", "elementType": "geometry", "stylers": [ { "color": "#000000" }, { "lightness": 17 } ] } ]'];return $map_styles;} );