cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Blaenzo
Advocate I
Advocate I

Reference local geojson file in custom visual

Hi,

 

I have a custom visual that shows polygons in Google Maps taken from a geojson file using:

 

map.data.loadGeoJson()
 
 
Using the google example referencing an external file works fine:
 
map.data.loadGeoJson('https://storage.googleapis.com/mapsdevsite/json/google.json');
 
However, referencing the exact same file locally does not work:
 
map.data.loadGeoJson('google.json');
 
Do I miss something here?
 
Thanks
2 REPLIES 2
v-chuncz-msft
Community Support
Community Support

@Blaenzo,

 

Take a look at the post below.

https://community.powerbi.com/t5/Developer/File-Upload-in-Custom-Visual/td-p/335971

Community Support Team _ Sam Zha
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
Blaenzo
Advocate I
Advocate I

As a workaround I tried to reference the file from a CDN:

 

map.data.loadGeoJson('https://storage.googleapis.com/.../google.json');

 

but now it throws an error that the file request has been 'blocked by CORS policy'.

 

Access to XMLHttpRequest at 'https://storage.googleapis.com/.../google.json' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Do I need to configure the debug server in some way?

 

Thanks

Helpful resources

Announcements
PBI Sept Update Carousel

Power BI September 2023 Update

Take a look at the September 2023 Power BI update to learn more.

Learn Live

Learn Live: Event Series

Join Microsoft Reactor and learn from developers.

Dashboard in a day with date

Exclusive opportunity for Women!

Join us for a free, hands-on Microsoft workshop led by women trainers for women where you will learn how to build a Dashboard in a Day!

Top Kudoed Authors