Awesome

page_type: sample description: A set of web UI controls that wrap the Azure Maps REST services. languages:

• javascript
• typescript products:
• azure
• azure-maps

Azure Maps Services UI module

Project Status: Archived due to retirement plan of Azure Maps Services Module. Better to create a new repo based on the Azure Maps REST SDK.

This project provides a set of web UI controls that wrap the Azure Maps REST services. These controls are both accessible and customizable. Many of these controls can be used directly with the raw responses from the REST services, while add functionality on top of the Azure Maps Web SDK.

Features

• Route service controls
  • Route instructions control - generate nicely formatted instructions.
• Accessible:
  • Multi-input support: mouse, keyboard, touch
  • High contrast support
  • Screen reader support (aria labels)
  • Color contrast 4.5:1 support for built-in styles
  • Handles up to 400% zoom

Getting started

Download the project and copy the atlas-services-ui JavaScript and CSS files and the localization folder from the dist folder into your project.

See the documentation for more details on a specific feature.

Roadmap

• Search bar with autocomplete option
• Search form with autocomplete option
• Route UI manager that manages rendering of routes on a map and coordinates interactions with the route instructions control.
• Route input control that provides a user input form for calculating routes.
• Print route dialog that connects to the route manager and captures map screen shots as well as instrucitons, but little else.
• Route range control
• Mobility/Transit routing controls
• Weather service controls

Related Projects

• Azure Maps Web SDK Open modules - A collection of open source modules that extend the Azure Maps Web SDK.
• Azure Maps Web SDK Samples
• Azure Maps Gov Cloud Web SDK Samples
• Azure Maps & Azure Active Directory Samples
• List of open-source Azure Maps projects

Additional Resources

• Azure Maps (main site)
• Azure Maps Documentation
• Azure Maps Blog
• Microsoft Q&A
• Azure Maps feedback

Contributing

We welcome contributions. Feel free to submit code samples, file issues and pull requests on the repo and we'll address them as we can. Learn more about how you can help on our Contribution Rules & Guidelines.

You can reach out to us anytime with questions and suggestions using our communities below:

• Microsoft Q&A
• Azure Maps feedback

This project has adopted the Microsoft Open Source Code of Conduct. For more information, see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

License

MIT

See License for full license text.