Solved: Load GeoJson Map to capabilities.json - Page 2

Anonymous · ‎06-02-2017

Hello,

I'm currently developing a custom visual, so I'm looking to load a geojson map through capabilities.json. My question is: how can I achieve that ? Shall I just consider the map as measure ?

Thank you,

v-viig · ‎09-26-2017

Regarding the first question you should follow these steps:

Take a look at this topic to find out more about JS File API
Define a text property at capabilities.json

"objects": {
    "internalState": {
        "displayName": "Internal State",
        "properties": {
            "geojsonMap": {
                "displayName": "geojsonMap",
                "type": {
                    "text": true
                }
            }
        }
    }
}

Call persistProperties method of host

function save(host: IVisualHost, value: string) {
    host.persistProperties(<VisualObjectInstancesToPersist>{
        merge: [{
            objectName: "internalState",
            selector: null,
            properties: {
                geojsonMap: value || ""
            }
        }]
    });
}

Regarding the second question.

You should prepare type definitions for you function. Another way is to use TS file instead of JS.

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

View solution in original post

Anonymous · ‎06-15-2017

@v-viig

You can use JS File API to load from local device/PC

This option, how does it work ?
Keep it in an external JS and include into pbiviz.json

Exactly I was thinking of this one, I tried it but it doesnt work. I stored the map data as a variable in a file map.js. I referenced it in pbiviz.json. And I use the variable in Main.ts file. But It couldn't find the variable.

v-viig · ‎06-16-2017

Please take a look at FileReader to find out more about File API.

How did you try to access the variable? What errors did you get?

I suppose that you should use window["variableName"] to find it. Another option is to declare the varaible in TypeScript in order to get rid of type checking errors.

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Anonymous · ‎06-16-2017

@v-viig I tried to access the variable directly but it couldn't find it, I referenced it in pbiviz.json .

I have another problem with the organization of my code. I only instanciated the map in the constructor, and handled everything else in the update method. How should I organize my code is it kind of MVC ?

v-viig · ‎06-19-2017

Are you able to share the code that tries to access a varaible?

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Load GeoJson Map to capabilities.json

Helpful resources

Microsoft Fabric Learn Together

Power BI Monthly Update - April 2024

Fabric Community Update - April 2024