Forum Discussion

Punya's avatar
Punya
Frequent Visitor
8 years ago
Solved

Power Bi - Leaflet tiles not showing properly

I am having issues with displaying leaflet tiles in power bi custom visuals. I mainly followed the example from https://community.powerbi.com/t5/Developer/Power-BI-Cannot-set-height/td-p/140854    ...
  • v-viig's avatar
    v-viig
    8 years ago

    Please include leaflet's CSS into your custom visual by adding the import to style.less:

     

    @import (less) "node_modules/leaflet/dist/leaflet.css";

     

    Please also note you should specify width and height explicitly for #map div element (you might use 100% size).

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

  • Punya's avatar
    Punya
    8 years ago

    Thank you very much. It works.

v-viig's avatar
v-viig
Icon for Community Champion rankCommunity Champion
8 years ago

Are you still facing issues with leaflet?

If so, please share the source code of your custom visual as a zip file for debugging.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

[email protected]

Punya's avatar
Punya
Frequent Visitor
8 years ago

Dear Ignat,

 

Thank you for your response.

Please find attached source code for your reference.

Download

 

Best regards,

Punya

  • v-viig's avatar
    v-viig
    Icon for Community Champion rankCommunity Champion
    8 years ago

    Please include leaflet's CSS into your custom visual by adding the import to style.less:

     

    @import (less) "node_modules/leaflet/dist/leaflet.css";

     

    Please also note you should specify width and height explicitly for #map div element (you might use 100% size).

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

    • Punya's avatar
      Punya
      Frequent Visitor
      8 years ago

      Thank you very much. It works.