Salve a tutti .
il mio problema è il seguente:
nel mio sito ho dei link del genere :

<a class="map" href="https://goo.gl/maps/Amu3h">apri mappa</a>

vorrei indirizzare tale output su un div overlayer quindi senza aprire nuove finestre etc etc
ho letto che il metodo $.ajax non permette di caricare pagine da altri domini

poi però l'errore che vedo sulla consol bar mi dice

Bloccata richiesta multiorigine (cross-origin): il criterio di corrispondenza dell’origine non consente la lettura della risorsa remota da https://goo.gl/maps/Amu3h. È possibile risolvere il problema spostando la risorsa sullo stesso dominio o attivando CORS.

allorchè faccio qualche indagine e sembra che $.ajax può essere attivato per il cross domain
non capisco però come devo strutturare la funzione:

$(".map").click(
function(e){
e.preventDefault;
$.ajax({
url:$(this).attr("href"),
type:"POST",
crossDomain:true,
dataType:"html",
xhrFields: {
withCredentials: true
},
success:
function(data){
$("#popup").html(data);
$("#popup").fadeIn("slow");
}


});




});

Chi mi illumina ??

grazie