Git Product home page Git Product logo

newmeshmap's Introduction

New Mesh Map

A new Mesh Map providing a web view on your local AREDN mesh network.

Installation

To install simply copy all the files into your chosen place on your favorite web server. Then rename cofig.js.example to config.js after changing the various fields for your specific requirements.

Mesh Map Data

The data files, including out.js, contains the node data for the mesh map. This is generated by a seperate program https://github.com/kn6plv/MeshInfo. Run this application periodically to generate and update node information, and copy the various output files (all named out.X) to the data/ subdirectory of your NewMeshMap install. Using a cron job is an easy way to automate this.

Realtime Map Data

To use realtime map data, remove the <script src="data/out.js"></script> tag from index.html and replace it with <script src="walk.js"></script>. When you load the map, the walk script will start from your localnode and walk your local mesh, updating the map as it goes.

newmeshmap's People

Contributors

aanon4 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

newmeshmap's Issues

Add additional node info

If a node supports it, when the node icon is either hovered on or clicked, add an arrow showing beam heading.

Cursor issue

Unlike the "legacy" map the cursor hand doesn't change to a cursor finger when hovering over a node.
Would be nice to have the cursor behave similarly in the new map.

Request feature, sort RF links by frequency

It is no longer enough to just sort notes by 2.4 GHz 5 GHz 3 GHz but more resolution. The request is for the map to display, nodes grouped by the RF links, sort display by channel frequency, for each radio band.

Add various meanings to map key

Please add to the key of what:

  • A course grey dashed line means
  • A course green dashed line means
  • A fine green dashed line means (example: the lines near Walnut Creek)
  • State how often the map is updated

Link info on map

On the KG6WXC maps, when you click on a link line, a popup appears listing the nodes on each end of the link. In a map of a crowded urban area, it's a handy tool to have. Would be nice to incorporate it on this map.

Text not readable

The captions on the functions in the lower RH corner of the menu box are too small to easily read.

Icons not clickable

Icons in menu box in upper RH corner aren't clickable, as they were in the legacy version.

Suggestion: Use OSM

Just a suggestion from experience, it could be different now:
Using Mapbox for the tiles can be problematic.
My very first MeshMap used MapBox and one day I got a nice email stating that if I wanted to continue using those tiles I had to cough up quite a bit of $.
Needless to say, I immediately switched to using OSM maps tiles.

YMMV

73 KG6WXC

What fields needs changing?

What fields need changing int config.js?
I'm just getting a grey screen

Current config.

const config = {
    title: "AREDN Tromso",
    lat: 69.6994,
    lon: 18.8907,
    zoom: 8,
    idle: 0 | ... seconds ...,
    geoapify: "... key ...",
    maptiler: "... key ...",
    sources: {
        openstreetmaps: { ... },
        opentopomap: { ... },
        landsat: { ... }
    },
    tour: [
        "<zoom/lat/lon[/pitch/bearing]>",
        "<node name>",
        "rotate <seconds>",
        "wait <seconds>",
        "<map>",
        "open <node name>",
        "random",
        ....
    ]
}

Enhance Node Info

Where the node code supports it, add antenna info to node popup on map:

Azimuth
Elevation
Gain
HOG (Height Above Ground)

How to install?

the old project had a user install some supporting libraries. What's required to install this version? I've cloned the project but get nothing but the top left menu bar.

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.