helloi have following 2 JavaScript google autocompletemethod 1 loads all countryltscript type34textjavascript34gt googlemapseventaddDomListenerwindow 39load39 function var options types 39cities39 componentRestrictions country 34KE34 var places new googlemapsplacesAutocompletedocumentgetElementById39lttxtaddressClientIDgt39 googlemapseventaddListenerplaces 39placechanged39 f

Hi naunaYou need to check the Label Text and set the option to restrict Countries using the componentRestrictions and pass the Country code as an Array Then pass the option to the AutocompleteRefer below codeHTMLltscript type34textjavascript34 src34httpsmapsgoogleapiscommapsapijslibrariesplacesampkeyAPIKey34gtltscriptgtltaspTextBox ID34txtAddress34 runat34server34 gtltaspLabel ID34lblerror34 ForeColor34Red34 runat34server34 Text34All34gtltaspLabelgtltscript type34textjavascript34gt googlemapseventaddDomListenerwindow 39load39 function var options if documentgetElementById39ltlblerrorClientIDgt39innerHTML 34All34 options types 39cities39 else options types 39cities39 componentRestrictions country 34IN34 34US34

[Solved] Set Country restriction in Google Maps AutoComplete TextBox

nauna

SOLVED CLOSED ACTIVE ANSWERED
User: nauna
Posted: on Jun 20, 2022 10:55 PM
Forum: Social Networking
Answer: 1
Views: 1972
Sample Code: Download

hello,

i have following 2 JavaScript google autocomplete

method 1 loads all country

<script type="text/javascript">
    google.maps.event.addDomListener(window, 'load', function () {
       var options = { types: ['(cities)'], componentRestrictions: { country: ["KE"]} };
        var places = new google.maps.places.Autocomplete(document.getElementById('<%=txtaddress.ClientID%>'));
        google.maps.event.addListener(places, 'place_changed', function () {
            var place = places.getPlace();
            var address = place.formatted_address;
            var latitude = place.geometry.location.lat();
            var longitude = place.geometry.location.lng();
            var mesg = "Address: " + address;
            mesg += "\nLatitude: " + latitude;
            mesg += "\nLongitude: " + longitude;
            //alert(mesg);
        });
    });
</script>

method 2 load specific country

<script type="text/javascript">
    google.maps.event.addDomListener(window, 'load', function () {
       var options = { types: ['(cities)'], componentRestrictions: { country: ["KE"]} };
        var places = new google.maps.places.Autocomplete(document.getElementById('<%=txtaddress.ClientID%>', options));
        google.maps.event.addListener(places, 'place_changed', function () {
            var place = places.getPlace();
            var address = place.formatted_address;
            var latitude = place.geometry.location.lat();
            var longitude = place.geometry.location.lng();
            var mesg = "Address: " + address;
            mesg += "\nLatitude: " + latitude;
            mesg += "\nLongitude: " + longitude;
            //alert(mesg);
        });
    });
</script>

i am using it on my page, i want to shift it to JavScript file in folder then call it conditionally on page.

<asp:Label ID="lblerror" ForeColor="Red" runat="server" Text=""></asp:Label>

if lblerror value is "All" so call all contry method if lblerror value is "country" so call specific country method

Please advice

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Jun 20, 2022 11:06 PM
Modified: on Jun 24, 2022 01:26 AM
Report

Hi nauna,

You need to check the Label Text and set the option to restrict Countries using the componentRestrictions and pass the Country code as an Array. Then pass the option to the Autocomplete.

Refer below code.

HTML

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&key=API_Key"></script>
<asp:TextBox ID="txtAddress" runat="server" />
<asp:Label ID="lblerror" ForeColor="Red" runat="server" Text="All"></asp:Label>
<script type="text/javascript">
    google.maps.event.addDomListener(window, 'load', function () {
        var options;
        if (document.getElementById('<%=lblerror.ClientID%>').innerHTML == "All") {
            options = { types: ['(cities)'] };
        } else {
            options = { types: ['(cities)'], componentRestrictions: { country: ["IN", "US"] } };
        }
        var places = new google.maps.places.Autocomplete(document.getElementById('<%=txtAddress.ClientID%>'), options);
        google.maps.event.addListener(places, 'place_changed', function () {
            var place = places.getPlace();
            var address = place.formatted_address;
            var latitude = place.geometry.location.lat();
            var longitude = place.geometry.location.lng();
            var mesg = "Address: " + address;
            mesg += "\nLatitude: " + latitude;
            mesg += "\nLongitude: " + longitude;
            alert(mesg);
        });
    });
</script>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

[Solved] Set Country restriction in Google Maps AutoComplete TextBox

Company

Explore

Follow us

Contact Us