digipolisantwerp / antwerp-ui_angular

Antwerp UI is a component interface library for building user interfaces and responsive web apps.
https://digipolisantwerp.github.io/antwerp-ui_angular
MIT License
13 stars 19 forks source link

aui-leaflet component defaults returns faulty map #81

Closed QuintenGeoSolutions closed 5 years ago

QuintenGeoSolutions commented 6 years ago

Describe the bug

The aui-leaflet component with the values taken from the official documentation gives an incorrect view

To Reproduce

Steps to reproduce the behavior:

1.https://digipolisantwerp.github.io/acpaas-ui_angular/modules/map

  1. Copy code in component
  2. Open browser en view result

Expected behavior

A clean tiled map of Antwerp

Screenshots

image

OS (please complete the following information):

lievenvg commented 6 years ago

Hey @QuintenGeoSolutions , Did you do add the leaflet css reference to the angular.json file in your project?

            "styles": [
              "src/styles.scss", // this line is project dependent, so this can be different in your project
              "node_modules/leaflet/dist/leaflet.css",
              "node_modules/leaflet-draw/dist/leaflet.draw.css"
            ],

I will do an update on the documentation to make the above more clear.

lievenvg commented 5 years ago

Hi @QuintenGeoSolutions. The documentation has been updated and I'm assuming that you have enough information with the answer above, so I'm closing this issue. Feel free to open a new issue if this or another problem occurs.