watercolor-travel-map

KO | EN

gitlite — search

#java #php #tailwindcss #open-source #privacy #deep-learning #database #codex #python #hacktoberfest

watercolor-travel-map

(★ 8)

Simple travel map generator using Stamen watercolor map tiles.

파일 탐색기

ZIP 다운로드

- index.html
.gitignore
bower.json
Gruntfile.js
package.json
README.md
webpack.config.js

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Web application using Google Maps and [stamen](http://stamen.com) watercolor tiles to generate a travel map. The map can then be downloaded by the user as a png file.

## Technologies
* [Facebook's React](https://facebook.github.io/react/) for the UI
* [react-bootstrap](http://react-bootstrap.github.io/) and custom CSS3 for layout, styling and responsiveness
* [flux](https://facebook.github.io/flux/) for the application architecture
* [Bourbon](http://bourbon.io/) for useful CSS mixins
* [npm](https://www.npmjs.com/) to manage dependencies
* JavaScript is written using the subset of ECMAScript 6 made available thru the [babel compiler](https://babeljs.io/)
* [Grunt](http://gruntjs.com/) to automate tasks
* [React Hot Loader](http://gaearon.github.io/react-hot-loader/) for reloading only parts of the app that have changed during development
* [React Router](http://rackt.github.io/react-router/) for front-end routing
* [Webpack](http://webpack.github.io/) to bundle the application for production
* [Google maps JS](https://developers.google.com/maps/documentation/javascript/) for the map
* [canvg](https://github.com/canvg/canvg) to convert the SVG elements into canvas to that they can be rendered by html2canvas
* [html2canvas](https://github.com/niklasvh/html2canvas) to convert the map DOM element into an image
* [FileSaver](https://github.com/eligrey/FileSaver.js/) to save the resulting image
* [rc-color-picker](http://react-component.github.io/color-picker/) for the UI elements allowing to select the colors

## Building
```
grunt build
```

## Credits
Map tiles by [Stamen Design](http://stamen.com).

Icons used as markers designed by [Freepik](http://www.freepik.com).

watercolor-travel-map

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

watercolor-travel-map

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

Download README