Git Product home page Git Product logo

aurelia-leaflet's People

Contributors

alvarezmario avatar benib avatar eisenbergeffect avatar jdanyow avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

bowczarek leye0 mentalengine erikvullings shahabganji hirano-satoshi fedoranimus gerfen

aurelia-leaflet's Issues

System.js is unable to find dist/leaflet.js

Steps to reproduce in an existing Aurelia app:

  1. jspm install github:benib/aurelia-leaflet
  2. In main.ts add .plugin('benib/aurelia-leaflet');
  3. gulp watch
  4. Firefox > localhost:9000

Network Panel

capture

Web Console

capture

Can't use the plugin in my aurelia app

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

npm install on project does not work

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?

How to refresh if bound data changes

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.

leaflet in aurelia-cli

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!

Help figuring out how to implement the plugin?

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..

happy-path install not quite happy

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"
                ]
            }

Provide the high-level source code (i.e. TypeScript/ECMA 6).

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.

use with npm and webpack

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"
      ]
    }
  }
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.