GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → StavinLi → the-subway-of-china

StavinLi / the-subway-of-china

Licence: MIT license
中国地铁图

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

gulpsvgmapscaletranslatebaidusubwayzoom

Projects that are alternatives of or similar to the-subway-of-china

Transformation Matrix
Javascript isomorphic 2D affine transformations written in ES6 syntax. Manipulate transformation matrices with this totally tested library!
Stars: ✭ 184 (+76.92%)
Mutual labels:  scale, translate, zoom
MapCompose
A fast, memory efficient Jetpack Compose library to display tiled maps, with support for markers, paths, and rotation.
Stars: ✭ 82 (-21.15%)
Mutual labels:  map, zoom
React Fit To Viewport
Stars: ✭ 92 (-11.54%)
Mutual labels:  scale, zoom
xlbaidumap flutter
flutter 集成百度地图
Stars: ✭ 27 (-74.04%)
Mutual labels:  map, baidu
Mtrans
Multi-source Translation
Stars: ✭ 711 (+583.65%)
Mutual labels:  translate, baidu
Alfred Parrot
📝 一款可以多种语言翻译的 Alfred Workflow
Stars: ✭ 89 (-14.42%)
Mutual labels:  translate, baidu
DaoHang
一个基于百度地图api的demo，采用Material Design设计界面，有全景图、室内地图等功能。
Stars: ✭ 15 (-85.58%)
Mutual labels:  map, baidu
js-stack-from-scratch
🌺 Russian translation of "JavaScript Stack from Scratch" from the React-Theming developers https://github.com/sm-react/react-theming
Stars: ✭ 394 (+278.85%)
Mutual labels:  gulp, translate
Lbsmap
利用百度地图快速实现支付宝的“到位”功能。基于LBS精确获取地理位置的周边数据，地图动态显示网络图标 支持多点聚合与分离，点击图标动态放大选中效果，移动、放大、缩小地图后重新更新数据，聚合图标点击动画展开，根据实际距离调整地图层级为屏幕大小 ，分页刷新，简书：
Stars: ✭ 313 (+200.96%)
Mutual labels:  map, baidu
railrouter-sg
A progressive web app that lets you explore MRT and LRT rail routes in Singapore
Stars: ✭ 29 (-72.12%)
Mutual labels:  map, subway
Chrome Extension Udemy Translate
Translate Udemy's subtitles into Chinese、English etc(Disneyplus+netflix+udemy+lynda+hulu+hbo now+primevideo)
Stars: ✭ 553 (+431.73%)
Mutual labels:  translate, baidu
Dc Sdk
DC-SDK 是基于 Cesium 进行二次开发的2、3D一体 WebGis 应用框架,该框架优化了 Cesium 的使用方式和增添了一些额外功能，旨在为开发者快速构建 WebGis 应用。🌎
Stars: ✭ 206 (+98.08%)
Mutual labels:  map, baidu
Translators
🌏🌍🌎Translators🌎🌍🌏 is a library which aims to bring free, multiple, enjoyable translation to individuals and students in Python. Translators是一个旨在用Python为个人和学生带来免费、多样、愉快翻译的库。
Stars: ✭ 295 (+183.65%)
Mutual labels:  translate, baidu
HTSDCycleScrollView
一款基于SDScrollView的轮播图控件，对源码进行了修改，可切换为滚动时图片带有缩放效果的模式，可改变PageControl小圆点的样式
Stars: ✭ 48 (-53.85%)
Mutual labels:  scale, zoom
baidu-translate-api
A free and unlimited API for Baidu Translate
Stars: ✭ 44 (-57.69%)
Mutual labels:  translate, baidu
gobaidumap
百度地图接口调用 golang 版。支持GEO、地址双向获取，IP获取地址。Baidu Map for golang.
Stars: ✭ 38 (-63.46%)
Mutual labels:  map, baidu
Vue Baidu Map
Baidu Map components for Vue 2.x
Stars: ✭ 2,191 (+2006.73%)
Mutual labels:  map, baidu
terminal-translate
a terminal-translate tool
Stars: ✭ 73 (-29.81%)
Mutual labels:  translate, baidu
clozoom
Close your Zoom meeting tabs automatically
Stars: ✭ 20 (-80.77%)
Mutual labels:  zoom
Berry
Berry is a simple Tiled Map Loader for Corona SDK.
Stars: ✭ 16 (-84.62%)
Mutual labels:  map
View All Similar Projects ➔

the-subway-of-china

中国地铁图

项目介绍

中国地铁图，支持PC、移动端多种浏览器。覆盖北上广多个城市。

  • 技术点

    1. svg绘制
    2. 调用svg-pan-zoom.js以及hammer.js缩放
    3. gulp文件打包

  • 数据来源

    1. 百度地图

项目运行

  • 环境依赖

    1. node v6.10.2

  • 部署步骤

    1. npm install //安装node运行环境
    2. gulp //前端编译

目录结构描述

├── Readme.md                   //help
├── dest                        //发布包
│   ├── css
│   ├── js                
│   └── *.html        
├── libs                        //第三方文件
├── node_modules                  
├── rev                         //静态版本json
├── src                         //开发包
└── gulpfile.js

页面预览

更新记录

2018.7.17

    -  first-init 新增gitHub预览设置

2018.7.23

    -  gulp打包上线

2018.7.24

    -  解决cnpm install 后node_modules包无法push，改用npm install
    -  更改依赖配置，新增版本号?v=
    -  新增gulp-sourcemaps地图

2018.7.30

    -  indexOf()==-1替换为includes()：返回布尔值，表示是否找到了参数字符串。

2018.12.06

    -  修复香港地区地铁图无法显示问题
    -  字体类型Helvetica, Arial, sans-serif-->黑体
    -  标签替换ellipse-->circle 
    -  样式stroke-width调整： path 4 --> 5 ; cicle 2.5 --> 1

项目总结

  • 1.stroke color -->加“#”
  • 2.svg image标签路径赋值 -->image[0].href.baseVal = ;
  • 3.pc微信内置浏览器不显示-->es6兼容
  • 4.中转站存在text内容及image相同重叠问题 -->repeatStr.includs(uid)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].