как поменять коды gmap3 на буклет

Question

Мне нужно изменить этот код для работы с листовкой.

Я использую WordPress и не знаю, как это сделать. кто-то может помочь мне закодировать этот gmap3 в листовку.

я установил div как st_google_map_user

jQuery(function($) {
    if ($(".st_google_map_user").length > 0) {
        var data_map = $(".st_user_overview").data("overview");
        console.log(data_map);
        var map = $('.st_google_map_user').gmap3({
            map: {
                options: {
                    zoom: 5
                }
            }
        });
        var gmap_object = map.gmap3('get');
        var bounds = new google.maps.LatLngBounds();
        var markers = [];
        for (var key in data_map) {
            var tmp_data = data_map[key];
            var myLatLng = new google.maps.LatLng(tmp_data[0], tmp_data[1]);
            bounds.extend(myLatLng);
            var marker = ST_addMarker(myLatLng, gmap_object, tmp_data, map)
            markers.push(marker)
        }

        function ST_addMarker(location, gmap_object, tmp_data, map) {
            var marker = new google.maps.Marker({
                position: location,
                options: {
                    icon: tmp_data[2],
                    animation: google.maps.Animation.DROP
                },
                data: tmp_data
            });
            return marker
        }
        new MarkerClusterer(gmap_object, markers, {
            gridSize: 50
        });
        gmap_object.fitBounds(bounds)
    }
})

Я использую тему WordPress, и тема собирает данные о широте и долготе. Если кто-то может описать мне этот код, я счастлив и полон наилучшими пожеланиями и благодарностью.