Visualizzazione dei risultati da 1 a 4 su 4

Discussione: prendere le coordinate di un marker di google maps e metterle in un campo di testo

  1. #1
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,383

    prendere le coordinate di un marker di google maps e metterle in un campo di testo

    Buongiorno a tutti
    sto creando un pannello di controllo per un sito e vorrei mostrare le strutture alberghiere sulla mappa di google.
    Generalmente utilizzo le coordinate che pero' prendo dal sito di google maps.
    Adesso invece sto usando il plugin geocomplete scaricato da qua https://ubilabs.github.io/geocomplete/
    Riesco ad estrarre l'indirizzo senza problemi ed a muovere il marker all'interno della mappa, ma vorrei estrarre anche le coordinate automaticamente ed inserirle in un campo di testo sempre del pannello di controllo.
    Come potrei fare?
    Vi allego una schermata di esempio del pannello di controllo

    https://ibb.co/cFm34w

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    28,185
    Nelle opzioni hai l'array [latitude e longitude] google.maps.LatLng
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it L'avatar di allin81
    Registrato dal
    Mar 2011
    Messaggi
    1,383
    ciao

    quindi dovrei aggiungere qualcosa qui (dove metto in grassetto):?
    Ma poi come riempio in automatico il campo sottostante?
    codice:
    <script src="../inc/maps/jquery.geocomplete.min.js"></script>
    
        
     <script>
                $(function () {
                    var options = {
                        map: ".map_canvas",
                        location: "<?=$destinazione?>",
                        markerOptions: {
                            draggable: true
    latitudine e longitudine
                        }
                    };
                    $("#indirizzo").geocomplete(options).bind("geocode:result", function (event, result) {
                        console.log("Result: " + result.formatted_address);
                    }).bind("geocode:error", function (event, status) {
                        console.log("ERROR: " + status);
                    }).bind("geocode:multiple", function (event, results) {
                        console.log("Multiple: " + results.length + " results found");
                    });
                    $("#indirizzo").bind("geocode:dragged", function (event, latLng) {
                        console.log(latLng.lat());
                        console.log(latLng.lng());
                    });
                    $("#find").click(function () {
                        $("#indirizzo").trigger("geocode");
                    });
                });
            </script>

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    28,185
    Non so dirti cosa devi fare, ti ho solo riportato opzione. Probabilmente devi anche includere geolaction di google e leggere la documentazione
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.