XML with api to wordpress

@meganmante

You can add styling and like CSS and HTML to make it look the way you want as i’ve done below. When you have the time you can also hire a developer to style the plugin to meet your site specification. You can download the modification which i added the space here.

<?php
/*
Plugin Name: ANWB Traffic Info
Description: Displays live traffic information from ANWB API using an API key.
Version: 1.2
Author: Goos
*/

function fetch_and_display_anwb_traffic_info() {
    // Define the cache key and expiration time
    $cache_key = 'anwb_traffic_info_cache';
    $cache_expiration = HOUR_IN_SECONDS; // Cache duration (1 hour)

    // Try to get the cached data
    $cached_data = get_transient($cache_key);

    if ($cached_data !== false) {
        // Return the cached data if it exists
        return $cached_data;
    }

    $api_url = 'https://cris-admin.anwb.nl/export-api/v1/pqfeed/latest';
    $api_key = 'ADD-YOUR-API-KEY-HERE';

    // Set up the request with the API Key in the headers
    $response = wp_remote_get($api_url, [
        'headers' => [
            'x-api-key' => $api_key
        ]
    ]);

    if (is_wp_error($response)) {
        return 'Error retrieving traffic data: ' . $response->get_error_message();
    }

    $xml_data = wp_remote_retrieve_body($response);

    // Check if we have data
    if (empty($xml_data)) {
        return 'No data received from the API.';
    }

    // Parse the XML response
    $xml = simplexml_load_string($xml_data);
    if (!$xml) {
        return 'Error parsing traffic data.';
    }

    // Start output buffer to capture HTML content
    ob_start();

    echo '<div class="anwb-traffic-info">';

    foreach ($xml->Sections->Section->Messages->Message as $message) {
        // Check if FullText field exists and is not empty
        if (!empty($message->FullText)) {
            echo '<div class="traffic-message">';
            
            // Display the road sign (road name) in a separate box
            if (!empty($message->Road)) {
                echo '<div class="road-sign">' . esc_html($message->Road) . '</div>';
            }

            // Display the main location and direction in a separate row
            if (!empty($message->MainLocation)) {
                echo '<div class="location-direction">' . esc_html($message->MainLocation);
                
                if (!empty($message->From)) {
                    echo ' richting ' . esc_html($message->From);
                }

                echo '</div>';
            }

            // Display hectometer detail if available
            if (!empty($message->Hectometer)) {
                echo '<div class="hectometer">Hectometerpaal: ' . esc_html($message->Hectometer) . '</div>';
            }

            // Display the full traffic message text
            echo '<div class="message-content">' . esc_html($message->FullText) . '</div>';
            
            echo '</div><hr>';
        }
    }

    echo '</div>'; // Close main container

    // Get buffer contents and clean buffer
    $output = ob_get_clean();

    // Cache the output for future requests
    set_transient($cache_key, $output, $cache_expiration);

    return $output;
}

// Register a shortcode to display the data on any page/post
add_shortcode('anwb_traffic_info', 'fetch_and_display_anwb_traffic_info');

• This reply was modified 1 year, 7 months ago by tarhe.
• This reply was modified 1 year, 7 months ago by tarhe.

You can add the above from the main plugin file i would also advice leaving the MINUTE_IN_SECONDS to around 20 mins so you don’t get rate limited by the API for making too many request within a short time.

You can download the updated plugin here.