web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

No record found.

Community site session details

Community site session details

Session Id :
Microsoft Dynamics CRM (Archived)

Dynamics 365 Online Upgrade from 8.2 to 9.1 breaks AngularJS customization built around Bing Maps.

(0) ShareShare
ReportReport
Posted on by

The DEV and TEST instances of Dynamics 365 have been upgraded for one of my customers, and that broke a Bing maps integration.  PROD is fine -for now.

The integration has a Web resource that includes an AngularJS 1.6.1 code layer (which utilizes jquery 1.9.1) to allow for map layer manipulations.  The mapping rendering just no longer works, with the code failing somewhere in the middle of AngularJS Application initialization.  This has been a frustration for some time; the update has NOT been applied to PROD yet, but we are having to hold MS off until I can figure this out.

Any help would be appreciated.

*This post is locked for comments

I have the same question (0)
  • Suggested answer
    Adrian Begovich Profile Picture
    1,027 Moderator on at

    Hi FeverSwamp,

    You are using an old version of AngularJS based on JavaScript. You might be able to resolve the issue by upgrading your AngularJS to the latest stable version 1.7.5 or the TypeScript based Angular framework. You can find a comparison between AngularJS and Angular here.

    If you decide to upgrade to the Angular framework then these blog posts on using Angular in Dynamics 365 CRM will come in useful.

    If you want to stick with AngularJS 1.6.1/jQuery 1.9.1 then post your code and we will look for potential problems.

  • Community Member Profile Picture
    on at

    Thanks for your reply Adrian.

    I hope I don't have to rewrite this in pure Angular -an external deadline lobbies against that.

    I've tested newer AngularJS libraries, but to be sure I just tried again with 1.7.5 and that did not help.  Here is the header of my web resource html (with the new AngularJS, still not working).  The original Angular was at level 1.6.1.  I notice that 

    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">

    <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.min.js"></script>

    script type="text/javascript" src="js/isc.rim.js"></script>
    <script type="text/javascript" src="../ClientGlobalContext.js.aspx"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular-route.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular-animate.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular-sanitize.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular-cookies.js"></script>
    <script type="text/javascript" src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.5.0.js"></script>
    <script type="text/javascript" src="js/tribridge.maps.MDN.js"></script>
    <script type="text/javascript" src="www.bing.com/.../mapcontrol"></script>
    <script type="text/javascript" src="../tri_azure/js/webapisdk.js"></script>
    <script type="text/javascript" src="../tri_azure/js/es6promise.min.js"></script>

    <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

  • Verified answer
    Community Member Profile Picture
    on at

    The issue is resolved.  ClientGlobalContext.js.aspx was bringing in jquery-2.1.1, which was breaking my AngularJS code.  By moving ClientGlobalContext.js.aspx to a position higher than my desired jquery-1.9.1 allowed the latter to "win the race".  Cursory testing has not shown any problems with using jquery-1.9.1 with CRM 9.0 ClientGlobalContext.js.aspx.

    <script type="text/javascript" src="../ClientGlobalContext.js.aspx"></script>


    <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.min.js"></script>


    <script type="text/javascript" src="js/isc.rim.js"></script>


    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular-route.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular-animate.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular-sanitize.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular-cookies.js"></script>
    <script type="text/javascript" src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.5.0.js"></script>
    <script type="text/javascript" src="js/tribridge.maps.MDN.js"></script>
    <script type="text/javascript" src="www.bing.com/.../mapcontrol"></script>
    <script type="text/javascript" src="../tri_azure/js/webapisdk.js"></script>
    <script type="text/javascript" src="../tri_azure/js/es6promise.min.js"></script>

    <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

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

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Neeraj Kumar – Community Spotlight

We are honored to recognize Neeraj Kumar as our Community Spotlight honoree for…

Leaderboard > 🔒一 Microsoft Dynamics CRM (Archived)

#1
SA-08121319-0 Profile Picture

SA-08121319-0 4

#1
Calum MacFarlane Profile Picture

Calum MacFarlane 4

#3
Alex Fun Wei Jie Profile Picture

Alex Fun Wei Jie 2

Last 30 days Overall leaderboard

Featured topics

Product updates

Dynamics 365 release plans