tengo muchas tiendas, cada tienda tiene latitud, longitud cuando hago clic en el ícono de ubicación para cualquier tienda, envío latitud, longitud a la función javascript y cambio iframe src en la función js y muestro el modelo que muestra el iframe pero el iframe no muestra la ubicación aquí es el código.

error de iframe www.google.com se negó a conectarse.

botón de icono <a onclick="getLocation({{$store->lat}},{{$store->lon}})" data-toggle="modal" href="#edit_location"><i style="font-size: 25px; color: #009688;" class="fas fa-location-arrow"></i></a>

iframe en el modelo

 <div class="mapouter mt-3"><div class="gmap_canvas"><iframe id="gmap_canvas" src="" frameborder="0" scrolling="no" style="width: 100%; height: 400px;"></iframe><a href="https://fnftest.net" style="display:none">fnf test playground remake</a><style>.mapouter{position:relative;text-align:right;height:400px;width:100%;}</style><a href="https://www.googlemapsiframegenerator.com" style="display:none">Google Maps Iframe Generator - Free Html Embed Code</a><style>.gmap_canvas{overflow:hidden;background:none!important;height:400px;width:100%;}</style></div></div>

función javascript

 function getLocation(lat,lon){ var loc = document.getElementById('gmap_canvas'); loc.src = 'https://maps.google.com/maps?q=' + lat + ',' + lon + '&hl=es;z=14&output=embed'; }

Tenga en cuenta que cuando le doy a iframe src cualquier ubicación estática sin js, funciona el problema cuando cambio el src de js, se muestra el error