Giter Site home page Giter Site logo

railmapgen / rmg Goto Github PK

View Code? Open in Web Editor NEW
187.0 187.0 35.0 224.62 MB

Tool for generating railway maps and information panels in the styles of various cities' public transportation systems

Home Page: https://railmapgen.github.io/?app=rmg

License: GNU General Public License v3.0

HTML 0.55% TypeScript 98.74% CSS 0.54% Shell 0.16%

rmg's People

Contributors

dependabot[bot] avatar github-actions[bot] avatar jealousyge avatar passionpenguin avatar thekingofcity avatar wolfrazor avatar wongchito avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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

rmg's Issues

关于线路图的一些建议

您好!
我是一个轨道交通爱好者,经常使用这个网站制作线路图。
下面是我的一些建议,望采纳:
1.线路图的风格只有香港、广州、上海,能不能考虑加入其它的风格?(如北京、西安、成都、重庆等)
2.新建的一张画布(空白版),如果设为广州地铁风格,车站总是以TW 00标注,TW是不能改的,以后能否更改TW?
3.颜色选择方面,虽然有西安的线路栏,但是打开之后什么都没有,是否可以增加西安地铁的线路颜色?
4.会不会考虑环线?
5.会不会考虑一些站台导向或者地铁内部的LED/LCD线路图?
6.因为很多地铁线路开通时总会有几个站因为种种原因而不同步开通,能否考虑增加暂缓开通的标识?
7.能否跟香港/广州的风格一样,上海风格也能加一些图标(如机场/游乐园/火车站/公园等)?
8.线路图中,能否可以更加自定义化些?(如上海地铁,可以增加多种语言;自己考虑换乘站加不加黑线或者增加自定义图标)?
9.因为线路规划可能换乘站会有所变更,而我已经又新建了一个画布,旧存档就没有了。只能用画图/PPT等软件做补丁,能否考虑保存上一个编辑的存档或更多?
谢谢!(qq:3394946742【邮箱[email protected]】)

有个问题

如何获得最新版的RailMapGenerator?
How to get the newest RailMapGenerator

支线怎么添加?

如题,只能在模板里面选带支线的模板然后更改车站,无法手动添加支线。

西安地铁的颜色问题

西安地铁的颜色有点问题啊
3、5号线淡了
6号线应该是紫色(根据观察,虽然车是蓝色的,但换乘预留明显是紫色
11号线明显是橙色的(而10号线才是当前11号线的颜色)
8号线浓了,应该是橙黄色
建议增加10号线、16号线等获审批的线路
谢谢

屏蔽门盖板样式,某些问题

七/九/十三/十四/二十一号线
应改为七/九/十三/十四/二十一号线/四号线南延线
1587452193432
飞沙角,广隆,大涌,南横,南沙客运港

Number cannot be shown

In Guangzhou Metro style, number will not display in interchange tag. It will also affect the font of texts that before number.

For example, here I input the "东莞2号线" and "东莞1号线". But 1 and 2 does not been displayed and font size of "东莞" change to 17px.
IMG_20191218_013624

<g text-anchor="middle" transform="translate(174.75932826693708,143)">
  <use xlink:href="#intbox_gz" fill="#ED1C24" y="0"></use>
  <text y="8.5" class="rmg-name__zh rmg-name__gzmtr--int rmg-name__gzmtr--white-fg rmg-name__gzmtr">
    <tspan font-size="17px" alignment-baseline="central">东莞</tspan>
    <tspan dy="-1" alignment-baseline="central">号线</tspan>
  </text>
  <text y="19.5" class="rmg-name__en rmg-name__gzmtr--int rmg-name__gzmtr--white-fg rmg-name__gzmtr">Dongguan Line 2</text>
</g>

关于自动更改样式

就是说我在mtr编辑时读取了一个shmetro的模板,能否自动切换到shmetro样式呢

SVG incompatibility

Exported SVG can be displayed perfectly in Chrome but Adobe Illustrator 2020 (also Photoshop) will processes almost everything wrongly.

Besides, even other browsers cannot display it properly.

It seems that an exported SVG (or modified one) will be finally converted to PNG (in my case, it must be opened in Cent Browser, a Chromium fork, using built-in web-page screenshot, to get a proper PNG), to make it usable.

That means, exported SVG is limitedly editable and usable.

The new feature "Download PNG" solves some aspects of these problems.

But:

  1. Size is fixed.
  2. More limited when edit.
  3. Unreasonable transparent area.

Hope to add co-line instructions for Shanghai Metro style (like the co-line ends of lines 3 and 4)

Since Shanghai Metro Lines 3 and 4 are co-line ends, it means that the location of the co-line segment can be shown, and it can also become more effective. Here are some suggestions

  1. When adding a common line segment representation to a line, it means that another line indication needs to be added, which may increase the algorithm complexity, so the indication of another line may not be needed initially, but if the file input port of another line can be added , Meaning the algorithm will be simpler (recommended)
  2. Other cities have not made a collinear end statement, please also pay attention to the official website of the subway company in other cities, if there is any, you can add it as soon as possible

【港铁风格】中文站名是否可以空行?

因为西安地铁的特性……你知道的,很多双站名和长站名
如:建筑科技大学·李家村站
西安国际医学中心
西电科大南校区·未来之瞳
交通大学·兴庆宫站
西部大道(西太路口)站
省人民医院·黄雁村站
西工程大·西科大(临潼校区)

中文字数教长,如果只有一行的话(且画布尺寸<2000),会非常的占地方(有时候会遮挡住换乘线路),是否可以让中文站名也可以空行?谢谢!

关于上海地铁风格下的两个问题以及三个建议

1.在添加出站换乘线路后,删除该出站换乘线路,"换乘仅限公共交通卡"不会消失
2.换乘线路下面那根黑线没有显示?
3.不知道有没有添加磁浮线图标以及“换乘磁浮线“字样的打算
4.不知道有没有添加环线的打算
5.部分车站 例如13号线全线车站 的类似终点站牌的站牌上 是会显示当前处于几站台的 大概格式是"←往张江路 ④站台 13号线"这样的 不知道能不能开一个相关设定的选项

Shanghai Metro's 2020 new style

Shanghai Metro's 2020 new railmap style

Background

With the opening of the new Chenxiang Highway station of Line 11 and the south part of the first phase of Line 18, a new railmap style was shown on these stations. To be specific, the most distinguishing part must be the station icons on the new railmap.

See below for more details.

Line 11 Chenxiang Highway Station

https://www.bilibili.com/video/BV1FA411x7Gt

South part of the first phase of Line 18

Implementation

  1. Add a new select option at design panel. src\panels\design\list-shmetro.tsx
  2. New type PanelTypeShmetro. src\types\app.d.ts
  3. Use param.info_panel_type in src\svgs\railmap\main\station\station-shmetro.tsx

Previews

image

normal line

image

line with rapid service

Know issues

  • English translation should be on the same line of Chinese text.
  • Transfer lines' icon should be aligned top.

ee

there is one issue. so in Shanghai metro line. there is one loop line 5. 上海的风格有环线,但是不能做环线
rmg 2020-04-21T07_19_19 239Z

Request to add new dynamic info pannel feature

Like the title suggested, I'm looking for implementing a new feature, the animation of PIDS inside the train.

Background

As a POVer, I want to add more details to my video clips. A dynamically changed info pannel is a bonus if I can put everything the viewers or the commuters need to know. Such as where the train is going and the current station.


and at 03:34 in video av28793765. The ultimate may be something like this.

And I believe there is something similar in your city.

However, manually adding and PSing these slightly different pannel is tiresome. And adding dynamic info pannel could greatly ease my life to make these videos.

Main features

The additional info pannel should make picture sequences so that video editing programs such as Adobe Primere Pro or others can make use of them. The pictures may change at different t and these are automatically caculated by the project. All the user input are listed below.

  • The duration of the video
  • The frame rate of the video
  • The arrival and departure time at different stations
  • The terminal station (in case the train not ends at the furthest station or the line has multiple destinations/branches)
  • Any additional infomation the LED inside of the train has

Technical Details

The current project supports most of core concepts the feature may use. However, some could be changed.

The terminal station

In case the train not ends at the furthest station or the line has multiple destinations/branches, the user must select the terminal station. In my plan, when the users select it, we change the state in station. And I hope all the others will remian intact.

The additional operating tab

I'm going to add another tab in the website. All the user input will fit here.

Download multiple files

When the user hit button to export, the browser will fire multiple downloads with a number changed in each file. Thus, these can be imported to video editing programs.

The realtion between styles

The term style we refer to now and the style we used in this feature may have many-to-many relationship. For now, the easiest way is to have some additional changes on top of the current styles. However, when a newcomer who want to add a dynamic style, say JR, and who do not to waste time on the current styles in railmap. He or she may find exhausted to implement both two styles. But splitting the two styles may also seems confusing and causing additional works.

Branch line issue in shmetro

image

The slash implemention doesn't work well in some conditions. Though I'm unwilling to make a right angle, the original implemention is disgusting to maintain.

So here is new the look ):

image

Support multiple instances in the same UA

能否考虑保存上一个编辑的存档或更多?

Originally posted by @3394946742 in #31

  • Add unique ID for existing param and maintain id <-> param mapping in localStorage #463
  • Remove style path param #464
  • Add query parameter in RMG url to identify current param and add UI for selecting param #465 #466
  • Replace single param registry to multiple param config #467
  • Support switching param #468
  • Error handling, editable project name, UI fixes #470
  • Toggle on in PRD env #471

How to prepare a local development environment and add more styles

I'm really interested in this project and want to make some contribution such as adding more styles other than mtr and gzmtr. However, after some skimming on the project, I lost myself and didn't know where to start. And I was also not sure what development environment should I have (CoffeeScript required?).

Hoping to get more help from the developer :)

Texts are shown in wrong position in certain conditions

Texts are not shown correctly while using Shanghai Metro style , but just in the preview on top of the edit view. When the names of the terminal stations are too long, It just covers the name of current station. The transfers at the terminal station go out of the screen. The problem totally disapears in the final export.
I'm using mobile device , where screen sizes are different. I have no idea whether the problem appears on desktop version.

Issues about gzmtr style 关于广州地铁格式的问题

There's some issue in this style. Such as "Xilang Station" in Guangzhou Line 1. Plaftorms may have arrows in terminal ways.
在这个格式中有一点问题。比如广州1号线的“西塱站”。终点站的标牌也是有箭头的。

How to change font size for high-resolution outputs

When I turn the resolution up, say 2048x512, the text doesn't automatically get larger to fit the increased resolution. So is it possible to control the font size manually, or at least add automatic font size adjustment?

为什么不能做环线

目前,很多城市开始规划环线,令我失望的是这个编辑器不能做环线,当我在Ai上做着线路图时,我想到了你们,希望可以给你们一些建议。

建议

环线有可能有支线吗,答案是肯定的,以首尔地铁来说,2号线就有2条支线,希望在更新环线时可以添加这个功能。
环线是要有方向的,这一点只需要加上箭头即可
环线有终点吗,有,环线的终点需要分出来一个版面,因为部分城市把环线的终点给分出一个站台以供上下终点客流,这一点要注意。

Panel styles for MTR and Shanghai Metro

1,因为在用RailMapGenerator(就是那个铁路线路生成器)绘制的时候,会用到环线,但现在的V3还没有,希望加上,方便大家使用
2,上海的模板和香港的模板没有线路分类。但不同的线路,它的模板都是不同的。
3,希望可以尽快更新,谢谢

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.