[Javascript] Creare mappa per ogni utente

Snow4e

Nuovo Utente
30 Apr 2016
13
1
3
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, prova questo
Codice:
<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
 
  • Like
Reactions: StePunk and Snow4e

Snow4e

Nuovo Utente
30 Apr 2016
13
1
3
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
strano, anche a me da quel messaggio in locale, online però funziona guarda qui