Issues integrating an Esri map (JS API)

5 posts, 0 answers
  1. Steven
    Steven avatar
    1 posts
    Member since:
    Jan 2015

    Posted 27 Jun 2015 Link to this post

    Greetings, all! I'm attempting to develop a hybrid mobile app using Kendo Mobile UI (both through AppBuilder, and locally on WebStorm with the appbuilder CLI), and I'm having a heck of a time trying to get Esri's Javascript to load. It utilizes the Dojo framework, which is (apparently?) interacting poorly with what I assume is the Require.js loader in Kendo's framework.

     

    Does anyone have any experience or ideas? I had some success in the past importing vanilla Require.js and tricking it into loading the AMD-esque modules Esri uses, but it resulted in unreliable performance/loading on different platforms...

  2. Anton Dobrev
    Admin
    Anton Dobrev avatar
    539 posts

    Posted 30 Jun 2015 Link to this post

    Hello Steven,

    The dependency injection is handled by the ESRI JS SDK, so there is no need to import RequireJS or any other module loader in your project.

    We identified an issue in the AppBuilder desktop simulator which is fixed in this sample app (see js/fixUrls.js). This should be fix the issue with loading the SDK dependencies.

    Also, the sample app works with the included versions of Kendo UI (either the mobile version or the all version).

    Let me know if further questions arise.

    Regards,
    Anton Dobrev
    Telerik
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
  3. Jaimin
    Jaimin avatar
    2 posts
    Member since:
    Jan 2016

    Posted 23 May Link to this post

    I am getting error while implementing esri maps in telerik mobile app as follow : 

    Error: scriptError
        at Error (native)
        at d (https://js.arcgis.com/3.15/init.js:5:382)
        at HTMLScriptElement.<anonymous> (https://js.arcgis.com/3.15/init.js:30:159)(anonymous function) @ console-via-logger.js:174(anonymous function) @ init.js:31(anonymous function) @ init.js:9a @ init.js:5r.signal @ init.js:9(anonymous function) @ init.js:30
    console-via-logger.js:174 src: dojoLoader
    console-via-logger.js:174 info: ["local://js.arcgis.com/3.15/esri/nls/jsapi_en-us.js", Event]
    console-via-logger.js:174 .
    console-via-logger.js:174 Error: scriptError
        at Error (native)
        at d (https://js.arcgis.com/3.15/init.js:5:382)
        at HTMLScriptElement.<anonymous> (https://js.arcgis.com/3.15/init.js:30:159)(anonymous function) @ console-via-logger.js:174(anonymous function) @ init.js:31(anonymous function) @ init.js:9a @ init.js:5r.signal @ init.js:9(anonymous function) @ init.js:30
    console-via-logger.js:174 src: dojoLoader
    console-via-logger.js:174 info: ["local://js.arcgis.com/3.15/dojox/gfx/svg.js", Event]

  4. Jaimin
    Jaimin avatar
    2 posts
    Member since:
    Jan 2016

    Posted 23 May in reply to Jaimin Link to this post

    Then how to solve this error?
  5. Anton Dobrev
    Admin
    Anton Dobrev avatar
    539 posts

    Posted 25 May Link to this post

    @ Jaimin

    I managed to reproduce the issue you reported in a mobile app when running it in the AppBuilder simulator. The issue should not appear when the app is deployed on an actual device.

    The issue is connected to the way the ESRI dependencies are loaded in the simulator (some of them are fetched from local://  instead of http(s):// scheme).

    To fix the issue and be able to work with this library in the simulator:

    - Refer to the sample app in my previous reply and import the code in js/fixUrls.js
    -
    Download and install the ESRI JS SDK locally in the app

    I hope that this helps.

    Regards,
    Anton Dobrev
    Telerik
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
Back to Top