First install aurelia-leaflet package:
jspm install github:benib/aurelia-leaflet
Add the leaflet css to your page. Or use another way to make sure Leaflets CSS is loaded
<link rel="stylesheet" href="https://cdn.jsdelivr.net/leaflet/0.7.3/leaflet.css">
Register the plugin in your aurelia app configuration
export function configure(aurelia) {
aurelia.use
.standardConfiguration()
.developmentLogging()
.plugin('benib/aurelia-leaflet');
aurelia.start().then(a => a.setRoot());
}
make sure you have some CSS to give the map a height somehow. Simplest way is probably this:
.leaflet-container {
height: 500px;
}
Now you are ready to use it like this
<leaflet></leaflet>
Go, see some examples over here