Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Enhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.

Reply
Blaenzo
Advocate II
Advocate II

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 II
Advocate II

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
July 2025 community update carousel

Fabric Community Update - July 2025

Find out what's new and trending in the Fabric community.

July PBI25 Carousel

Power BI Monthly Update - July 2025

Check out the July 2025 Power BI update to learn about new features.