Solicitud Api google maps - javascript php

Question

Chicos tengo el siguiente problema.

yo tengo un input en el mapa donde el usuario escribe que desea comer, y yo deseo mostrarle los lugares de comida cercanos con unos market que yo creo.

sin embargo el ejercicio solo re realiza la primera vez ya que tengo mezclado javascript con php.

mi codigo es el siguiente, lo que quiero saber es como puedo hacer que cada vez que la persona le de click en buscar su antojo me muestre los market que coincidan con esa búsqueda.

Soy conciente de que primero se ejecuta el php y luego el javascript, pero no se como mas hacer para poder traer los market con los datos que tengo almacenados en mi Base de datos.

esta es mi primera pregunta en la comunidad, me disculpan depronto mi enredo con el tema.

de antemano agradezco su ayuda.

$(document).ready(function(){

                $('#buscar_food').click(function(){

                var antojo = document.getElementById("antojo").value;
                var locacion = document.getElementById("autocomplete").value;

                    if (antojo != '') {

                        var infowindow = new google.maps.InfoWindow();
                        document.cookie = "antojo=" + encodeURIComponent(antojo) + "; max-age=" + 24*30; + "domain="+URLdomain+";";

                        <?php
                        if (isset($_COOKIE["antojo"])) {
                            $antojo_cliente = $_COOKIE["antojo"];
                        } else {
                            $antojo_cliente = '';
                        }
                        $result_food = mysqli_query($mysqli, "SELECT * FROM usuarios INNER JOIN repertorio ON usuarios.id_usuario = repertorio.id_food WHERE usuarios.perfil = 'food_place' AND usuarios.disponibilidad = 1 AND repertorio.nombre LIKE '%$antojo_cliente%'");
                        while($row_food = mysqli_fetch_assoc($result_food)) {
                        $id_food = $row_food['id_usuario'];
                        $lat_food = $row_food['latitud'];
                        $lng_food = $row_food['longitud'];
                        $nombre_food = $row_food['nombre'];
                        ?>

                        var marcador_food_<?php echo $id_food ?> = new google.maps.Marker({
                            position: {lat: <?php echo $lat_food ?>, lng: <?php echo $lng_food ?>},
                            map: mapa,
                            icon: 'paginas/shop/food-online/img/icono_food.png'
                        });

                        google.maps.event.addListener(marcador_food_<?php echo $id_food ?>, 'click', function() {
                            
                            //document.getElementById("codigo_comercio").value = id_comercio;
                            //document.getElementById("palabra_antojo").value = antojo;
                            // Enviar Datos de solicitud
                            $.ajax({               
                               type: 'POST',                 
                               url: 'paginas/shop/food-online/menu_food.php',                     
                               data: {'antojo': antojo, 'id_comercio': '<?php echo $id_food ?>', 'id_cliente': '<?php echo $id_cliente ?>'},
                               success: function(data)             
                               {
                                 $('#menu_food_<?php echo $id_food ?>').modal('show');
                                 $("#div_menu_food").append(data);               
                               }
                           });
                        });

                        <?php } ?>

                        mapa.setZoom(15);

                        $('#cuadro_datos').fadeOut('300');
                        $('#btn_mini_buscar').fadeIn('600');

                    } else if (locacion == '') {
                        swal({
                            text: '¡Por Favor ingresa Tú dirección o arrastra el icono en el mapa para centrar tu Ubicación!',
                            imageUrl: 'paginas/shop/food-online/img/businessfood.png',
                            imageWidth: 140,
                            imageHeight: 207,
                            imageAlt: 'Custom image',
                            animation: false,
                            customClass: 'animated bounceIn',
                            showConfirmButton: true,
                            confirmButtonText: 'Cerrar'
                        });

                    } else {
                        swal({
                            text: '¡Por Favor ingresa algo que desees comer hoy!',
                            imageUrl: 'paginas/shop/food-online/img/businessfood.png',
                            imageWidth: 140,
                            imageHeight: 207,
                            imageAlt: 'Custom image',
                            animation: false,
                            customClass: 'animated bounceIn',
                            showConfirmButton: true,
                            confirmButtonText: 'Cerrar'
                        });
                    }
                });
        });

api google maps javascript php

Solicitud Api google maps - javascript php

Add your own answers!

Ask a Question