Skip to main content

Notifications

Power Pages - General Discussions
Suggested answer

Address autocomplete input field with Bing/Azure maps

(3) ShareShare
ReportReport
Posted on by 36
I would apreciate some pointers on the most efficient way to do an address autocomplete field.
 
Bing maps is not open to new registrations for the api now and I am wondering how it affects the integration in Power Pages ?
 
Thank you!
Categories:
  • Suggested answer
    Robu1 Profile Picture
    Robu1 971 on at
    Address autocomplete input field with Bing/Azure maps
    Hi @CU20091748-0,
     
     
    For an efficient address autocomplete field, there are several best practices and alternative APIs you can consider:
     
    Best Practices for Address Autocomplete:
    -Use a Reliable API: Choose an API that provides accurate and up-to-date address data. This ensures that users get valid suggestions as they type.
    -Minimize Keystrokes: The autocomplete should provide suggestions as early as possible to minimize the number of keystrokes required.
    -Handle Typos Gracefully: The system should be able to handle common typos and still provide relevant suggestions.
    -Optimize for Speed: Ensure that the API response time is fast to provide a seamless user experience.
    -Geolocation Integration: If possible, integrate geolocation to provide more relevant suggestions based on the user’s current location.
    -Alternative APIs for Address Autocomplete
     
    Since Bing Maps is not open to new registrations, here are some alternative APIs you can use:
    -Google Places API: This is a widely used API that provides robust address autocomplete functionality.
    -SmartyStreets: Known for its accuracy and speed, SmartyStreets offers address validation and autocomplete services1.
    -IdealPostcodes: This service provides real-time suggestions for valid addresses and is known for its efficiency2.
     
    Integration in Power Pages:
    To integrate an address autocomplete field in Power Pages, you can follow these steps:
    -Add a Text Input Field: Add a text input field to your form where users will type their address.
    -Use JavaScript for Autocomplete: Write a JavaScript function that calls the chosen API and updates the suggestions as the user types.
    -Handle API Responses: Parse the API responses to display the suggestions in a dropdown below the input field.
    -Update Form Fields: When a user selects an address from the suggestions, update the relevant form fields with the complete address details.
     
     
    If this fixes the issue, please mark as resolved to help others with find it.
     
    Happy to help 

    Robu 1
     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Microsoft Kickstarter Events…

Register for Microsoft Kickstarter Events…

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Announcing Forum Attachment Improvements!

We're excited to announce that attachments for replies in forums and improved…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 145,508

#2
RandyHayes Profile Picture

RandyHayes 76,287

#3
Pstork1 Profile Picture

Pstork1 64,839

Leaderboard