Blog-Image

Streamlining Address Entry in Dynamics 365: Auto-Population with Bing Maps Integration

In Dynamics 365, streamlining data entry processes can greatly enhance user productivity and data accuracy. One effective way to achieve this is by implementing auto-population of address fields. In this guide, we'll walk through the step-by-step process of creating HTML and JavaScript code to auto-populate address fields in Dynamics 365 using Bing Maps integration.

Understanding the Benefits
Streamlined Data Entry: Save time by automatically filling in address details.
Improved Data Accuracy: Ensure correctness and consistency by fetching address info from external sources.
Enhanced User Experience: Provide users with a smoother process, eliminating the need for manual address input.
Consistency Across Records: Maintain uniform address formats across all CRM records.
Integration with External Systems: Work seamlessly with other systems to fetch up-to-date address info.

PowerApps Image
PowerApps Image

Step 1:
Creat HTML code and JavaScript Code
In the HTML page with JavaScript function for auto-suggesting address using Bing Map intergartion and efficiency in data entry processes within Dynamics 365.
The JavaScript code is written to establish communication between the form context and a web resource embedded within a Dynamics 365 form.
If you need this HTML code and JavaScript Function, go through this link.

PowerApps Image
PowerApps Image

In HTML code you have JavaScript Function is "loadMapScenario" and then add that Credentials ID and you can add that ID in JavaScript function using Bing Map Portal. For every instance there will be a different Credentials ID.

PowerApps Image

Step 2:
Get Bing Map Credentials
Sign Up and Create an Account in Bing Map Portal

PowerAutomate Image

Open my account and press My Keys.

PowerAutomate Image

Fill the all details
Give your Instance name to application name or you wish.
Give your instance URL.
Set Key type is Basic only.
Set Application is Dev/Test and then click on create.

PowerAutomate Image

You will get the Key details like this. In this you must copy the Copy Key and past it in your JavaScript function in "loadMapScenario".

PowerAutomate Image

Step 3:
Create Web Resources for HTML and JavaScript
Upload the HTML and JavaScript files in web resources in Dynamics CRM.
After uploading the HTML file, save and publish it. Upon publishing, you will obtain the URL for accessing the file.

HTML Web Resources

PowerAutomate Image

JavaScript Web Resources

PowerAutomate Image

Step 4:
Embed in IFrame:
Place an IFrame on the CRM form where you desire the address fields. Set the source of the IFrame to the URL of the HTML web resource obtained earlier.
Then, paste the URL into the URL field. Finally, add a library to the events for further functionality and finally adding a function and passing excution context as first parameter

PowerAutomate Image
PowerAutomate Image
PowerAutomate Image

We need to add the Name in HTML JavaScript Function, for specifying the name "AddressSearch" for the URL loaded within the iframe.

PowerAutomate Image
quote-image

Streamlining Address Entry in Dynamics 365: Auto-Population with Bing Maps Integration

Ramesh Avula, Dynamics CRM Developer
We Are IZENIX SOLUTIONS

We Work to Help You Grow

Izenix educate and explain practical performance and configurations for fast check and best outcomes

Implementation
100%
Training
100%
Support
100%
We Are Here For You

Let�s Get Back to Work

Getting a better understanding of Izenix's specialized services and solutions

Schedule for Free Demo
×