AnsweredAssumed Answered

VectorTileLayer.loadStyle() is failing in Javascript API

Question asked by emoryh on Dec 15, 2017
Latest reply on Jan 11, 2018 by emoryh

Like • Show 0 Likes0
Comment • 8

All of the sudden, this morning i started getting the following error when calling VectorTileLayer.loadStyle() in the Javascript API (Version 4.5).

Uncaught TypeError: Cannot read property 'path' of null
    at r (VectorTileLayer.js:7)
    at q (VectorTileLayer.js:6)
    at Object.f.loadMetadata (VectorTileLayer.js:10)
    at Object.g._getSourceAndStyle (VectorTileLayer.js:52)
    at Object.g.loadStyle (VectorTileLayer.js:50)
    at initVectorTyleStyles (COS_MapControl.html:1043)
    at openLargeMap (COS_MapControl.html:874)
    at <anonymous>:1:1

The code worked 30 minutes ago, and then suddenly stopped working. I'm pretty sure it's the same code and i don't think anything else has changed. The root.json file that i'm passing it is unchanged. I'm still looking into this, but i'm wondering if something perhaps broke with ESRI's updates last night? I'm hitting against Version 4.5 though, so in theory nothing should have changed there.

Javascript API Version 4.5. Happens also on 4.6. Windows 10, both Chrome & Firefox. The offending root.json file is attached.

Thank you,

Emory H

ubatsukh-esristaff

Dec 15, 2017 2:55 PM

Correct Answer

If you are loading the vectortilelayer using the json object you provided in the zip file then the vectortilelayer wont load because vector tile source url is not defined in the style object. The style json object must have the fully qualified url for the tiles if you are loading your vector tile layer from the style object. If you create a vector tile layer from style url or service url then we find the required resources using relative paths. hope this makes sense.

See the reply in context

Attachments

roo2.json.txt.zip2.4 KB

No one else had this question

Outcomes

odoe Dec 15, 2017 1:11 PM

Is this on your portal or in online? It looks like custom tiles, so just want to verify.

Actions

emoryh Dec 15, 2017 1:22 PM

Yep, it's a custom vector tile layer on our portal. It's actually probably publicly visible (for now), but i can't share the URL publicly on the forum.

Actions

odoe @ emoryh on Dec 15, 2017 1:46 PM

Nothing looks off as far as I can tell, and I tested loadStyle() with some other services and they seem to work ok. When you do the loadStyle() is it with a URL to the root.json or passing the object?

It could be a data issue or something else with the service.

Actions

emoryh @ odoe on Dec 15, 2017 2:00 PM

I'm passing in the object, because i want to modify it. But the object i'm passing in right now is unmodified. Got it via $.ajax() and ran it through JSON.parse(), and nothing else.

I didn't know you could do a URL as well. I just tried the URL variant and it seems to work (though of course the URL variant won't answer my needs).

Okay, i'll do some more looking into this. Thanks.

Actions

ubatsukh-esristaff

Dec 15, 2017 2:33 PM

How are you loading the vectortilelayer initially?

Actions

ubatsukh-esristaff

Dec 15, 2017 2:55 PM

2 people found this helpful

Actions

emoryh @ ubatsukh-esristaff on Dec 15, 2017 11:05 PM

I'm loading the vector tile layer from a service url. Then i grab the associated root.json file via $.ajax() and apply it via loadStyle(), after making normal modifications to it (or not). The funky thing is that things were actually working okay for about 30 minutes this morning, and then it suddenly stopped working and i've never been able to get it working since. My admins claim they haven't made any changes to the vector tile service or servers. However, another dev in our office isn't having any problems with his own calling of loadStyle() with a different service. And also my issue happens with 4.4, 4.5, and 4.6. Thus i suspect an issue with my vector tile service instead, especially since the mapper who created the service is inexperienced with vector tile layers. Next week, i'll reboot my dev box, clear my browser caches, and have another go at it and try some different services as well.

Actions

emoryh @ emoryh on Jan 11, 2018 10:59 AM

The fix for the issue was basically what Undral Batsukh said. However you also have to set the 'sprite' and 'glyphs' paths to fully qualified url's as well (if they're not already). Otherwise all your point layers stop drawing.

Actions

8 Replies

odoe Dec 15, 2017 1:11 PM
Mark Correct
Correct Answer
Is this on your portal or in online? It looks like custom tiles, so just want to verify.
Like • Show 0 Likes0
Actions
emoryh Dec 15, 2017 1:22 PM
Mark Correct
Correct Answer
Yep, it's a custom vector tile layer on our portal. It's actually probably publicly visible (for now), but i can't share the URL publicly on the forum.
Like • Show 0 Likes0
Actions
- odoe @ emoryh on Dec 15, 2017 1:46 PM
  Mark Correct
  Correct Answer
  Nothing looks off as far as I can tell, and I tested loadStyle() with some other services and they seem to work ok. When you do the loadStyle() is it with a URL to the root.json or passing the object?
  
  It could be a data issue or something else with the service.
  Like • Show 0 Likes0
  Actions
  - emoryh @ odoe on Dec 15, 2017 2:00 PM
    Mark Correct
    Correct Answer
    I'm passing in the object, because i want to modify it. But the object i'm passing in right now is unmodified. Got it via $.ajax() and ran it through JSON.parse(), and nothing else.
    I didn't know you could do a URL as well. I just tried the URL variant and it seems to work (though of course the URL variant won't answer my needs).
    Okay, i'll do some more looking into this. Thanks.
    Like • Show 0 Likes0
    Actions
ubatsukh-esristaff Dec 15, 2017 2:33 PM
Mark Correct
Correct Answer
How are you loading the vectortilelayer initially?
Like • Show 0 Likes0
Actions
ubatsukh-esristaff Dec 15, 2017 2:55 PM
Unmark Correct
Correct Answer
If you are loading the vectortilelayer using the json object you provided in the zip file then the vectortilelayer wont load because vector tile source url is not defined in the style object. The style json object must have the fully qualified url for the tiles if you are loading your vector tile layer from the style object. If you create a vector tile layer from style url or service url then we find the required resources using relative paths. hope this makes sense.
2 people found this helpful
Like • Show 1 Like1
Actions
- emoryh @ ubatsukh-esristaff on Dec 15, 2017 11:05 PM
  Mark Correct
  Correct Answer
  I'm loading the vector tile layer from a service url. Then i grab the associated root.json file via $.ajax() and apply it via loadStyle(), after making normal modifications to it (or not). The funky thing is that things were actually working okay for about 30 minutes this morning, and then it suddenly stopped working and i've never been able to get it working since. My admins claim they haven't made any changes to the vector tile service or servers. However, another dev in our office isn't having any problems with his own calling of loadStyle() with a different service. And also my issue happens with 4.4, 4.5, and 4.6. Thus i suspect an issue with my vector tile service instead, especially since the mapper who created the service is inexperienced with vector tile layers. Next week, i'll reboot my dev box, clear my browser caches, and have another go at it and try some different services as well.
  Like • Show 0 Likes0
  Actions
  - emoryh @ emoryh on Jan 11, 2018 10:59 AM
    Mark Correct
    Correct Answer
    The fix for the issue was basically what Undral Batsukh said. However you also have to set the 'sprite' and 'glyphs' paths to fully qualified url's as well (if they're not already). Otherwise all your point layers stop drawing.
    Like • Show 0 Likes0
    Actions

GeoNet

The Esri Community

VectorTileLayer.loadStyle() is failing in Javascript API

Attachments

Outcomes

Related Content

Recommended Content