Giter Club home page Giter Club logo

mapmip's Introduction

Mapmip

MapMip is an experimental web mapping project. Our goal is to explore new web-based mapping methodologies, technologies & techniques, including: 2-D and 3-D switching; context preserving transitions; functional map design; efficient vector data visualization. MapMip is built on top of awesome open-source web-mapping javascript libraries: CesiumJS, LeafletJS and OpenLayers3.

This project was generated with angular-cli version 1.0.0-beta.22-1.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Deploying to Github Pages

Run ng github-pages:deploy to deploy to Github Pages.

Further help

To get more help on the angular-cli use ng --help or go check out the Angular-CLI README.

mapmip's People

Contributors

angular-cli avatar harelebel avatar omkoren avatar yairtawil avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mapmip's Issues

Cross browsers support

'MapMip' should support the following browsers:

  • Chrome
  • Firefox
  • Edge
  • Opera
  • Safari
  • Explorer
  • Edge

Launch an online demo app

Launch a hosted online demo MapMip app.
MapMip is a research project, still in progress (very beginning),
The demo app will be very basic and will probably still have bugs, but it is important that we'll have from the beginning a demo app the goes side by side with the development process. Every important commit should be also pushed to the online demo app.

map position/size in page

Ability to set map position and size on context.
should work on the 3 map platforms: Cesium, Leaflet and Openlayers3 .

Creating the main components

Create 3 components (pages) with:

  1. Cesium.
  2. Leaflet.
  3. Ol3.

With navigation option among them, while preserving each component context using URL

URL context should include:

  • Map library of use (Cesium / Ol3/ Leaflet).
  • Map center point (geolocation lat long).
  • Zoom level (Lealfet, Ol3).
  • 2-d or 3-d view(Cesium).
  • 3-d view: camera parameters (Cesium).
  • Bounding rectangle.
  • Rotation (heading) on 2D views(Cesium MapMode2D, Ol3).
  • Markers.
  • Tile layer URL.

layers order

The order of inserting layers to URL will be meaningful for presenting the layers on map.

marker-picker

Manually Adding markers to any position on map (adding markers position to Url).
should work at the 3 map platforms: Cesium, Leaflet and Openlayer3.

Mapmip javascript API

Mapmip will be used as package and will be accessed by Javascript API without angular.

Colored Markers

Ability to add markers with different colors to position on map.
should work on the 3 map platforms: Cesium, Leaflet and Openlayers3 .

Cesium lighting

Add to context the option to lighting the world in Cesium.

Compile issue involving @angular/material

Since angular/material 2.0.0-beta.12, the "md" prefix has been replaced with "mat". This prevents MapMip from compiling with ng serve or ng build. To fix it, change the "MdInputModule" reference to "MatInputModule" in src/app/app.module.ts and src/app/map-mip/components/position-form/position-form.module.ts. Also need to change src/app/map-mip/components/position-form/position-form.component.html like so:

<md-input-container color="primary">
    <input mdInput placeholder="{{key}}" [(ngModel)]="params[key].val"
        [ngModelOptions]="{standalone: true}">
</md-input-container>

to:

<mat-input-container color="primary">
    <input matInput placeholder="{{key}}" [(ngModel)]="params[key].val"
        [ngModelOptions]="{standalone: true}">
</mat-input-container>

See this SO post for more info.

create MipMap API

All actions that possible to do by change URL will be possible to do by the API code.

Typo

layerObjecttToUrl. Is there an extra t in Object?

Deprecated packages/components

  • animation should be imported from angular/animation instead of angular/core
  • is Deprecated and should replaced be with
  • Renderer service should be replaced with Renderer2

Click on marker events

When The user will click on a marker:
1.The marker ID will be exposed to API (In Cesium, Leaflet, OpenLayers).
For that each marker will have unique ID.
2. An Informative form will be represent for each marker.

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.