start_controls_section( 'section_map', [ 'label' => __( 'Map', 'elementor' ), ] ); $default_address = __( 'London Eye, London, United Kingdom', 'elementor' ); $this->add_control( 'address', [ 'label' => __( 'Address', 'elementor' ), 'type' => Controls_Manager::TEXT, 'placeholder' => $default_address, 'default' => $default_address, 'label_block' => true, ] ); $this->add_control( 'zoom', [ 'label' => __( 'Zoom Level', 'elementor' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 10, ], 'range' => [ 'px' => [ 'min' => 1, 'max' => 20, ], ], ] ); $this->add_control( 'height', [ 'label' => __( 'Height', 'elementor' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 300, ], 'range' => [ 'px' => [ 'min' => 40, 'max' => 1440, ], ], 'selectors' => [ '{{WRAPPER}} iframe' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'prevent_scroll', [ 'label' => __( 'Prevent Scroll', 'elementor' ), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'selectors' => [ '{{WRAPPER}} iframe' => 'pointer-events: none;', ], ] ); $this->add_control( 'view', [ 'label' => __( 'View', 'elementor' ), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional', ] ); $this->end_controls_section(); } /** * Render google maps widget output on the frontend. * * Written in PHP and used to generate the final HTML. * * @since 1.0.0 * @access protected */ protected function render() { $settings = $this->get_settings(); if ( empty( $settings['address'] ) ) { return; } if ( 0 === absint( $settings['zoom']['size'] ) ) { $settings['zoom']['size'] = 10; } printf( '

', rawurlencode( $settings['address'] ), absint( $settings['zoom']['size'] ) ); } /** * Render google maps widget output in the editor. * * Written as a Backbone JavaScript template and used to generate the live preview. * * @since 1.0.0 * @access protected */ protected function _content_template() {} }