Azure Maps
How Azure Maps was implemented into Owner-Community
Last updated
How Azure Maps was implemented into Owner-Community
Last updated
npm package installed:
@azure/arm-maps
A collection of geospatial services provided by Microsoft Azure. Used in Owner Community for address search completion.
A user can request the auth token by using the VS Code Azure extension or through the Azure CLI by running az login in your command line. You may have to install the Azure CLI (https://docs.microsoft.com/en-us/cli/azure/install-azure-cli-windows?tabs=azure-cli).
Then the object AzureMapsManagementClient has an interface Accounts that has a method listKeys(), which would provide the SAS Token.
More information about AzureMapsManagementClient can be found here: https://docs.microsoft.com/en-us/javascript/api/@azure/arm-maps/?view=azure-node-preview
With the SAS Token, you can now make requests to the Azure Maps Fuzzy Search API.
More about the API can be found here: https://docs.microsoft.com/en-us/rest/api/maps/search/get-search-fuzzy?tabs=HTTP
Autocomplete was implemented with Ant Design's autocomplete component.
When there is a change in the search bar, it will requery the API and generate new results as the user types.
Example:
For reference, owner-community can be found here:
