[Javascript] Creare mappa per ogni utente

[Snow4e]

Salve,

Ho creato un portale dove ogni utente si registra, vorrei però che nella pagina utente apparisse una mappa per ogni utente in base all'indirizzo che hanno scritto. per esempio usando un iframe dove per esempio:

<iframe src="https://www.google.com/maps/<?php echo $VARIABILECONINDIRIZZO ?>/> (php )
oppure in js ma mi servirebbe aiuto

Qualcuno riesce a darmi una mano ? valuto anche altre vie ^^

 

[criric]

Ciao, prova questo

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>
<script type = "text/javascript" >
    window.onload = function() {
        // indirizzo
        var indirizzo = 'Via Bernardo Clesio, 5, 38122 Trento';
        // riferimento al div della mappa
        var map_canvas = document.getElementById("map-canvas");
        // larghezza div mappa
        map_canvas.style.width = "470px";
        // altezza div mappa
        map_canvas.style.height = "260px";
        // opzioni per la mappa
        var options = {
            zoom: 14
        }
        // creazione della mappa
        var map = new google.maps.Map(map_canvas, options);
        // istanza del metodo Geocoder
        var geocoder = new google.maps.Geocoder();
        // codifica indirizzo
        geocoder.geocode({'address': indirizzo}, function(results, status) {
            // se il risultato è positivo
            if (status == google.maps.GeocoderStatus.OK) {
                // centramento mappa
                map.setCenter(results[0].geometry.location);
                // creazione marker
                var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location,
                    title: indirizzo
                });
            } else {
                // altrimenti messaggio di errore
                alert("Geocode was not successful for the following reason: " + status);
            }
        });
    }
</script>

<div id="map-canvas"></div>

l'indirizzo lo puoi prendere dal sdatabase e stamparlo con echo

 

[Snow4e]

L'ho provato in locale ma mi dice "something wrong", ho guardato nella console e manca l'APIKEY,
Google :
"The script element that loads the API is missing the required authentication parameter. If you are using the standard Maps JavaScript API, you must use a keyparameter with a valid API key. If you are a Premium Plan customer, you must use either a client parameter with your client ID or a key parameter with a valid API key."
___

Comunque strano perchè usando una mappa personalizzata con marker e tutto anche senza l'api funzionava una mia mappa, probabilmente quindi è un problema di code

 

[criric]

strano, anche a me da quel messaggio in locale, online però funziona guarda qui

 

[Snow4e]

allora lo testo direttamente online e vediamo ^^

 

[Snow4e]

Grazie mille Criric ottimo lavoro!