Recherche de l'emplacement de la saisie semi-automatique qui s'intègre avec bing/google geocoding

Un joli suggestions sur l'auto complète les recherches de localisation, qui s'intègrent avec quelque chose comme Google ou Bings données de localisation?

Je suis désireux de capturer l'emplacement de mes utilisateurs sur inscrivez-vous, actuellement, j'ai une free zone de saisie de texte. Je suis désireux d'avoir une sorte d'auto complète, qui guide l'utilisateur pour la saisie de plus aseptisé de l'information, idéalement, je voudrais geo-code de l'utilisateur aussi.

Je suis actuellement à l'aide de jQuery la saisie semi-automatique pour la autosearch, mais cela m'oblige à fournir des données de localisation, dont je n'ai pas ou qui veulent maintenir.

InformationsquelleAutor Dan | 2009-08-24
  1. 7

    Si vous ne voulez pas à jour votre propre base de données des emplacements (bon pour vous!), ensuite, vous pourriez regarder Épurée et leur Épurée Suggèrent plugin pour jQuery. Ils feront tous l'auto-complétion et même la suggestion de l'INTERFACE utilisateur pour vous et vous pouvez spécifier que vous voulez juste de l'auto-complétion emplacements (ou seulement comtés des états-unis, ou quoi que ce soit).

    Il existe des nomenclatures qui peuvent fournir la base de données de noms de lieux, mais ne pas faire de l'auto-complète de l'INTERFACE utilisateur pour vous. GeoNames, par exemple, a une belle série de web services, ce qui peut correspondre avec jQuery Autocomplete.

    • Plutôt cool, mais sa NOUS centrées sur le wiki comme les pop-ups sont abit overkill.
    • Les nomenclatures peuvent vous fournir une meilleure base de données de noms. (J'ai mis à jour ma réponse avec quelques liens.)
    • Aussi, si vous n'aimez pas Épurée Suggèrent de menus volants, je vous suggère de {"flyout":"false"}.
    InformationsquelleAutor npdoty
  2. 2

    Nous faisons la même chose pour les "adresse de facturation" champ sur https://bombsheets.com/ - vous avez besoin de faire un appel AJAX pour obtenir la saisie semi-automatique options:

     $(".address-autocomplete").autocomplete('/get_address', {
   delay: 250,
   scrollHeight: 400,
   matchSubset: false,
   cacheLength: 10,
   minChars: 3
 });

    Et ensuite utiliser une API de géolocalisation côté serveur pour obtenir les adresses elles-mêmes (nous utilisons les Rails " excellent GeoKit).

    Voir cette question pour certains, la couleur supplémentaire.

    InformationsquelleAutor Tom Lehman
  3. 2

    https://github.com/lorenzsell/Geocoded-Autocomplete
    Ce plugin jQuery utilise Google Geocoding de l'API Javascript et jQuery UI Autocomplete.

    InformationsquelleAutor kalys.osmonov
  4. 0
     <script>
        function init() {
            var input = document.getElementById('locationTextField');
            var autocomplete = new google.maps.places.Autocomplete(input);

            ///Start for getting lat and lang

            google.maps.event.addListener(autocomplete, 'place_changed',
               function() {
                  var place = autocomplete.getPlace();
                  var lat = place.geometry.location.lat();
                  var lng = place.geometry.location.lng();
                  document.getElementById("lat").innerHTML = "Lat: "+lat+"<br />Lng: "+lng;
               }
            );

            ////End
        }

        google.maps.event.addDomListener(window, 'load', init);
    </script>
    InformationsquelleAutor Pushparaj Yuvaraj