startControlsSection( 'section_map', [ 'label' => __('Map'), ] ); $default_address = __('London Eye, London, United Kingdom'); $this->addControl( 'address', [ 'label' => __('Location'), 'type' => ControlsManager::TEXT, // 'dynamic' => [ // 'active' => true, // 'categories' => [ // TagsModule::POST_META_CATEGORY, // ], // ], 'placeholder' => $default_address, 'default' => $default_address, 'label_block' => true, ] ); $this->addControl( 'zoom', [ 'label' => __('Zoom'), 'type' => ControlsManager::SLIDER, 'default' => [ 'size' => 10, ], 'range' => [ 'px' => [ 'min' => 1, 'max' => 20, ], ], 'separator' => 'before', ] ); $this->addResponsiveControl( 'height', [ 'label' => __('Height'), 'type' => ControlsManager::SLIDER, 'range' => [ 'px' => [ 'min' => 40, 'max' => 1440, ], ], 'selectors' => [ "{{WRAPPER}} \x69frame" => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->addControl( 'prevent_scroll', [ 'label' => __('Prevent Scroll'), 'type' => ControlsManager::SWITCHER, 'default' => 'yes', 'selectors' => [ "{{WRAPPER}} \x69frame" => 'pointer-events: none;', ], ] ); $this->addControl( 'view', [ 'label' => __('View'), 'type' => ControlsManager::HIDDEN, 'default' => 'traditional', ] ); $this->endControlsSection(); $this->startControlsSection( 'section_map_style', [ 'label' => __('Map'), 'tab' => ControlsManager::TAB_STYLE, ] ); $this->startControlsTabs('map_filter'); $this->startControlsTab( 'normal', [ 'label' => __('Normal'), ] ); $this->addGroupControl( GroupControlCssFilter::getType(), [ 'name' => 'css_filters', 'selector' => "{{WRAPPER}} \x69frame", ] ); $this->endControlsTab(); $this->startControlsTab( 'hover', [ 'label' => __('Hover'), ] ); $this->addGroupControl( GroupControlCssFilter::getType(), [ 'name' => 'css_filters_hover', 'selector' => "{{WRAPPER}}:hover \x69frame", ] ); $this->addControl( 'hover_transition', [ 'label' => __('Transition Duration'), 'type' => ControlsManager::SLIDER, 'range' => [ 'px' => [ 'max' => 3, 'step' => 0.1, ], ], 'selectors' => [ "{{WRAPPER}} \x69frame" => 'transition-duration: {{SIZE}}s', ], ] ); $this->endControlsTab(); $this->endControlsTabs(); $this->endControlsSection(); } /** * Render google maps widget output on the frontend. * * Written in PHP and used to generate the final HTML. * * @since 1.0.0 */ protected function render() { $settings = $this->getSettingsForDisplay(); if (empty($settings['address'])) { return; } if (0 === (int) $settings['zoom']['size']) { $settings['zoom']['size'] = 10; } printf( '
', "\x69frame", rawurlencode($settings['address']), abs((int) $settings['zoom']['size']), esc_attr($settings['address']) ); } }