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-chuncz-msft's avatar
v-chuncz-msft
Icon for Community Support rankCommunity Support
8 years ago

Punya,

 

You may inspect the generated HTML in Web Console.

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.