npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

tripkit-leaflet

v1.0.3

Published

TripGo routing for Leaflet - Trip planning door-to-door

Downloads

9

Readme

TripGo Routing Leaflet Plugin

API-Key

Get your API key here .

API documentation here .

The TripGo mobility platform let’s you create apps providing seamless and personalised door-to-door trips using any public, private or commercial mode of transport. It’s a single API connecting you to hundreds of transport providers around the globe.

TripGo leaflet's plugin motivation is to provide an easy way to include it's functionality in an external platform. TripGo provides free and enterprise services, more details here .

Features

  • Map interaction to select start and destination of the trip.
  • Routing from start to destination using any public, private or commercial mode of transport.
  • Description for each trip, where you can see arrival time, trip duration, cost, pollution, modes of transports, etc.
  • Customizable map tiles (Google and OSM).
  • Customizable results UI (floating over the map or docked next to it)
  • Open Source released under ISC License (more or less equivalent with the MIT license).
  • Available transport modes:
    • Public transport
    • Walk
    • Bike
    • Bike share
    • Car
    • SwiftFleet
    • BlaBlaCar
    • Uber
    • My Driver
    • Taxi

Getting started

Includes

    [...]
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
    <link rel="stylesheet" href="css/TripgoRouting.css" />
    <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
    <script src="dist/TripgoRouting.js"></script>
    <script src="lib/jquery-3.2.1.js"></script>
    <script src="lib/Polyline-encoded.js"></script>
    [...]

Map definition

    [...]
        <div id="map"></div>
    [...]

Plugin StartUp

default config

        [...]
          <script>
                L.tripgoRouting.mapLayer.initialize();           
          </script>
        [...]

Initialize Options

        [...]
            <script>                  
                 let options ={
                     "mapId" : "map",
                     "googleTile": false,
                     "marCenter" : {
                         "lat": 51.511011,
                         "lng": -0.125448
                     },
                    "floatPanel": true,
                    "tripgoApiKey": "your TripGo API key"
                 }
                 
                L.tripgoRouting.mapLayer.initialize(options);
            </script> 
        [...]
  • options structure

    |option name |default|comment| |----------- |------- |------------| |mapId | "map" | Reference to the map box id defined in html code on map definition | |googleTile | true | If true the map will adopt Google Tile, if false the map will adopt OSM tile| |mapCenter | {"lat": -33.8650319, "lng": 151.2039176 } |Map point location. By default in Sydney, Australia.| |floatPanel | false |Change results panel style to float over the map| |tripgoApiKey| Global TripGo api key |Key provided by TripGo API. If tripgoApiKey field is absent, TripGo backend responds getting a global api key for leaflet. Notice that if you don't ask for your own free api key, the plugin will work sharing the quota limit with other users in same situation.|

Usage & examples

Sydney

  • Default Configuration TripGoRouting

  • Float Configuration TripGoRouting

London

TripGoRouting

DEMO

https://skedgo.github.io/tripkit-leaflet/

Npm