Code Monkey home page Code Monkey logo

www.submarinecablemap.com's Introduction

Submarine Cable Map

Submarine Cable Map

TeleGeography's submarine cable map is based on our authoritative Global Bandwidth research and depicts international active and planned submarine cable systems and their landing stations. The map presents data about each cable, including landing points, owners, length, ready-for-service (RFS) date, and website. Try it today! Visit http://www.submarinecablemap.com.

Installation

$ git clone git://github.com/telegeography/www.submarinecablemap.com.git

Point your webserver's document root to the public directory and that's it.

Or you can click the Download ZIP link on the right and download the zip file. Unzip the zip file and point your webserver's document root to the public directory.

If you're on a Mac you can download the zip file or clone the repo and use python's SimpleHTTPServer:

$ git clone git://github.com/telegeography/www.submarinecablemap.com.git
$ cd www.submarinecablemap.com/public 
$ python -m SimpleHTTPServer

Or the following will work on a Mac too:

$ wget https://github.com/telegeography/www.submarinecablemap.com/archive/master.zip
$ unzip master.zip
$ cd www.submarinecablemap.com-master/public/
$ python -m SimpleHTTPServer

Updates

To make sure you get any updates, just watch this repository and perform a pull when you see any new commits:

$ cd www.submarinecablemap.com
$ git pull

How did you make the Submarine Cable Map?

TeleGeography draws the cable routes and plots the landing points with Adobe Illustrator. Using Avenza's MAPublisher plug-in, which works with Illustrator, two sets of data are exported as KML files: the cable routes (as MultiLineStrings) and landing points (as Points). These KML files are then parsed to create CSV files that are uploaded to Google Fusion Tables.

We use Google's Maps API v3. to transform the Google Fusion Tables into two separate map layers of cable routes and landing points. The interactivity on the map is driven by javascript and was written in-house at TeleGeography.

This interactive map Javascript was created using the Node.js utility CoffeeScript written by Jeremy Ashkenas, the Ember web application framework, the HTML5 Boilerplate front-end template, the node-build-script and node-ember-precompile tools. The CoffeScript for the map was written in-house at TeleGeography.

Notable Commandline examples:

# Install ember-precomile from github to get versions correct.
npm install --from-git git://github.com/gabrielgrant/node-ember-precompile.git
# precompile handlebars templates
ember-precompile handlebars/*.handlebars -f src/javascripts/handlebars.tmpl.js

# Used watchr to compile coffeescript/handlebars.
watchr bin/script.watchr

# Watch, server and build using h5bp, very helpful
h5bp watch
h5bp server
h5bp build:minify

How can I download the KML or a CSV of the dataset?

Below are links to both of the datasets used for the Submarine Cable Map.

Submarine Cables:

https://www.google.com/fusiontables/DataSource?docid=16C_mqG21Mu4IiTXw6HfmIDUo0xJypUXd3DawYDLw#map:id=3

To download as KML try the following steps:

  1. Click 'File' then 'Download'.
  2. Then select the KML radion button and click 'Download'

Landing points:

https://www.google.com/fusiontables/DataSource?docid=1dLGY-tm0clX44kzH7CMDHryc7bYM5IQrxft__3hh#map:id=3

To download as KML try the following steps:

  1. Click 'File' then 'Download'.
  2. Then select the KML radion button and click 'Download'

Note: For landing points, modify the 'Select location' dropdown menu to 'coordinates' from 'id', then click 'Download KML' to get the landing point data.

Questions? Corrections?

[email protected]

www.submarinecablemap.com's People

Contributors

telegeography avatar

Watchers

Noon van der Silk 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.