Giter VIP home page Giter VIP logo

geoyi / global-gdp-interactive-map-using-js Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 832 KB

This is an interactive map written in HTML, CSS and JavaScript, using Leaflet. JavaScript library. I've also recorded a video to explain how I did it, please see the video over here: https://www.youtube.com/watch?v=dJeNLS4riTo. and you could go to my blog site: geoyi.org for more other reading as well.

Home Page: http://geoyi.org

HTML 100.00%

global-gdp-interactive-map-using-js's Introduction

Global-GDP-interactive-map-using-JS

JavaScript, HTML and CSS codes I wrote to present first phase of a GIS web application I am creating. I use a simple and small dataset (in term of the size of actual data), global GDP. It's only 700k. But my actual data is about 30M. So I would add a GeoJoson-VT, created by mourner(his githut user name) , which is used to downsize the shapfile while loads to our web serve. Anyway if your datafile is only under 1m and you wanna do the same thing I present here, you are welcome to use the codes.

To run the example:

  1. You could download the whole pacakge to your desktop; 2.Run the indexttestcountries.html. I use editor 'Geany' myself. You will have this guy then. picture1

a video record for an overview of the interactive map is here:

https://www.youtube.com/watch?v=dJeNLS4riTo

###You could also find me on: http://geoyi.org

global-gdp-interactive-map-using-js's People

Contributors

geoyi avatar

Watchers

 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.