Coder Social home page Coder Social logo

angular-turf-module's Introduction

angular-turf-module - Use Turf from an Angular Controller or Service

Note : This repo and this doc are heavily adapted from the angular-underscore-module, developed by andresesfm. Kudos to him.

Introduction

Turf is a JavaScript library developed by people from MapBox that gives you methods to manipulate geodata with JS. The library is composed of several independant module, each of which achieve a particular geotreatment.

Download Turf

As this module is only a wrapper to access turf in an Angular Way, you still need to download the actual library. You have several options to do so:

  • Download the complete minified version of the library here
  • Use this online turf builder to build your own version of Turf, using only the module you need for your project. This is the recommended option
  • Install Browserify by yourself and build your own version of Turf, using only the module you need for your project (see the turf documentation)

Either way, you should finally have a single js file, named whatever you want, that contains all the necessary code. For the rest of this documentation, we will assume that your js file is named turf.min.js

Usage

  1. Make sure you have downloaded and included turf.min.js in your project:

    <script src="path/to/turf.min.js">
  2. get this module

    bower install tazaf/angular-turf-module
    
  3. Add angular-turf-module.js to your main file (index.html)

    <script src="path/to/angular-turf-module/angular-turf-module.js"></script>
  4. Add the module as a dependency in your App definition

    angular.module('MyApp', ['TurfModule'])
  5. To use, add as an injected dependency to your Controller/Service and it is ready to use

    angular
      .module('MyApp')
      .controller('MyCtrl', function ($scope, turf) {
    ...
    //Use turf
    var pt1 = turf.point([-75.343, 39.984]);
    ...

References:

angular-turf-module's People

Contributors

andresesfm avatar guihash avatar leondeng avatar nacholibre avatar tazaf avatar unifylog avatar

Stargazers

 avatar  avatar

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.