Topic: Issues with Leaflet
Hi,
I was trying to upload Leaflet Maps but the main image when I load my website, this shows some parts of the maps, so, does not load completely the map. Please, look the next example:
Also, I share the next link where I review the information to develope this:
https://asymmetrik.com/ngx-leaflet-tutorial-angular-cli/
Hi Arek,
Thanks for your reply. I have sent you a email from fessierra17@hotmail.com
Thank`s
Arkadiusz Idzikowski staff commented 6 years ago
Hello,
I double checked my inbox and I don't have any emails from this address. Please try to send it again.
Hello,
Are there any errors in console? Could you provide a demo on which I would be able to debug this problem? You can send it to me on a.idzikowski@mdbootstrap.com.
Regards,
Arek
Thank you for the demos. It looks like you didn't update angular.json and styles.scss in the project with MDB.
Please update assets and styles arrays in angular.json:
"assets": [
{
"glob": "**/*",
"input": "./node_modules/leaflet/dist/images",
"output": "leaflet/"
},
{
"glob": "favicon.ico",
"input": "src",
"output": "/"
},
{
"glob": "**/*",
"input": "src/assets",
"output": "/assets"
}
],
"styles": [
{
"input": "node_modules/font-awesome/scss/font-awesome.scss"
},
{
"input": "node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss"
},
{
"input": "node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss"
},
{
"input": "src/styles.scss"
},
{
"input": "./node_modules/leaflet/dist/leaflet.css"
}
]
html, body {
height: 100%;
margin: 0;
padding: 0;
}FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 6.2.3
- Device: All
- Browser: All
- OS: OSX & Windows
- Provided sample code: No
- Provided link: No