[Javascript] Creare mappa per ogni utente

Discussione in 'Javascript' iniziata da Snow4e, 8 Agosto 2016.

  1. Snow4e

    Snow4e Nuovo Utente

    Registrato:
    30 Aprile 2016
    Messaggi:
    13
    Mi Piace Ricevuti:
    1
    Punteggio:
    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 ^^
     
  2. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    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
     
    A StePunk e Snow4e piace questo messaggio.
  3. Snow4e

    Snow4e Nuovo Utente

    Registrato:
    30 Aprile 2016
    Messaggi:
    13
    Mi Piace Ricevuti:
    1
    Punteggio:
    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
     
  4. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    TN
    strano, anche a me da quel messaggio in locale, online però funziona guarda qui
     
  5. Snow4e

    Snow4e Nuovo Utente

    Registrato:
    30 Aprile 2016
    Messaggi:
    13
    Mi Piace Ricevuti:
    1
    Punteggio:
    3
    allora lo testo direttamente online e vediamo ^^
     
  6. Snow4e

    Snow4e Nuovo Utente

    Registrato:
    30 Aprile 2016
    Messaggi:
    13
    Mi Piace Ricevuti:
    1
    Punteggio:
    3
    Grazie mille Criric ottimo lavoro!
     
    A criric piace questo elemento.
Sto caricando...

Condividi questa Pagina