benib / aurelia-leaflet Goto Github PK
View Code? Open in Web Editor NEWA Leaflet CustomElement for Aurelia
Home Page: http://benib.github.io/aurelia-leaflet/
License: MIT License
A Leaflet CustomElement for Aurelia
Home Page: http://benib.github.io/aurelia-leaflet/
License: MIT License
We manually had to map the dependency on aurelia-event-aggregator
. It would be nice to do this automatically on jspm install github:benib/aurelia-leaflet
.
config.js
map: {
"aurelia-event-aggregator": "npm:[email protected]"
}
Hi,
i would really like to use leaflet in my app, but aurelia makes it really hard to do so. My concern is, that the line aurelia.use.plugin('benib/aurelia-leaflet');
my not be right. Or am i doing something wrong?
Best regards
I'm noticing that the NPM for this is very outdated and no longer compatible with the newest version of Aurelia. Can we please publish the latest version to NPM?
Thanks!
Hi there and thanks for your plugin!
I would like to integrate it into a aurelia-cli project. I'm having problems setting it up in the aurelia.json file. Would you be able to give instructions?�
Thanks in advance!
I am working with your leaflet package and would like to make some changes. My guess is that you are using a higher level language, such as TypeScript, and then building that to JavaScript. I guess that because there is code like this that, to me, seems an odd way of writing things:
import Leaflet from 'leaflet';
export function configure(
frameworkConfig,
{ LeafletDefaultImagePath = 'jspm_packages/github/Leaflet/[email protected]/dist/images' } = {}) {
Leaflet.Icon.Default.imagePath = LeafletDefaultImagePath;
frameworkConfig.globalResources('./leaflet.js');
}
Are you using a higher-level code and the building to create the above syntax? If you are, can you include that code in your repo.
Following the Building The Code Guide I did an npm install and get several errors in the form:
Unsupported URL Type: npm:babel-runtime@^5.1.13
Im quite new to jspm and all of this stuff. Can it be that package.json is in an old format?
great job on latest changes!
wanted to point out that au install aurelia-leaflet (systemjs) doesn't quite work out the box.. most oncerning (and it may jsut be my machine) is that it installs v0.0.4 by default.
I needed tochange my package.json package:
"aurelia-leaflet": "benib/aurelia-leaflet#c60bb40d32bd11a7aa714523ef99512d26b6c550"
and like we've dsicussed before, the aurelia.json:.. i think there's a way for you to tell au-cli how to configure your package into aurelia.json.
{
"name": "leaflet",
"main": "leaflet-src.js",
"path": "../node_modules/leaflet/dist",
"resources": [
"leaflet.css"
]
},
{
"name": "aurelia-leaflet",
"main": "index",
"path": "../node_modules/aurelia-leaflet/dist/amd",
"resources": [
"**/*.html"
],
"deps": [
"leaflet"
]
}
Can I expect the map to reposition if I change the map options centre? I want the user to be able to centre the map by selecting a location in another control in my page. TIA.
Hi,
Does anyone use aurelia-leaflet with npm and webpack? I think many people have moved from JSPM to NPM (yarn) like us.
import 'aurelia-leaflet';
With the above line in main.ts I got the following error.
./src/main.ts
Module not found: Error: Can't resolve 'aurelia-leaflet' in '/Users/hirano/web/src'
@ ./src/main.ts 42:0-25
@ ./node_modules/aurelia-webpack-plugin/runtime/empty-entry.js
@ multi aurelia-webpack-plugin/runtime/empty-entry aurelia-webpack-plugin/runtime/pal-loader-entry (webpack)-dev-server/client?http://localhost:8082 aurelia-bootstrapper
Here is a modified package.json for use with npm. I added "dependencies", "build" and "directories" sections, and modified "main".
{
"name": "aurelia-leaflet",
"version": "1.0.0",
"registry": "github",
"description": "A Leaflet plugin for aurelia",
"keywords": [
"aurelia",
"plugin",
"leaflet"
],
"homepage": "https://github.com/benib/aurelia-leaflet",
"bugs": {
"url": "https://github.com/benib/aurelia-leaflet/issues"
},
"license": "MIT",
"author": "Beni Buess <[email protected]> (http://benel.net/)",
"directories": {
"lib": "dist/system"
},
"main": "dist/commmonjs/index.js",
"repository": {
"type": "git",
"url": "http://github.com/benib/aurelia-leaflet"
},
"dependencies": {
"aurelia-event-aggregator": "npm:aurelia-event-aggregator@^1.0.1",
"leaflet": "npm:leaflet@^1.2.0"
},
"devDependencies": {
"aurelia-tools": "^0.2.1",
"babel-eslint": "^4.1.3",
"conventional-changelog": "0.0.11",
"del": "^1.1.0",
"gulp": "^3.8.10",
"gulp-babel": "^5.1.0",
"gulp-bump": "^0.1.11",
"gulp-eslint": "^1.0.0",
"gulp-yuidoc": "^0.1.2",
"object.assign": "^1.0.3",
"require-dir": "^0.1.0",
"run-sequence": "^1.0.2",
"vinyl-paths": "^1.0.0",
"yargs": "^2.1.1"
},
"jspm": {
"format": "amd",
"directories": {
"lib": "dist/amd"
},
"dependencies": {
"aurelia-event-aggregator": "npm:aurelia-event-aggregator@^1.0.1",
"leaflet": "npm:leaflet@^1.0.2"
},
"devDependencies": {
"babel": "npm:babel-core@^5.8.22",
"babel-runtime": "npm:babel-runtime@^5.8.20",
"core-js": "npm:core-js@^1.1.0"
}
},
"aurelia": {
"documentation": {
"articles": []
},
"build": {
"resources": [
"aurelia-leaflet/aurelia-leaflet-exceptions.js",
"aurelia-leaflet/helpers",
"aurelia-leaflet/leaflet-defaults.js",
"aurelia-leaflet/aurelia-leaflet.html",
"aurelia-leaflet/leaflet.js"
]
}
}
}
Hello - I've spent a few weeks now, going off on tangents, trying to get this plugin to load up right..
The latest in branch task005 is where I'm trying to get this to work right: https://github.com/diegohb/aurelia-leaflet-cluster/tree/master-task005
I'm using aurelia-cli + typescript + systemjs.
I would really appreciate your help.. I know it's been a while since you've made any commits so I was thinking next to just update dependencies and rebuild your plugin... and then my last resort is to re-create your plugin using this template: https://github.com/Vheissu/aurelia-typescript-plugin . I'd really like to avoid the re-work..
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.