SVG Banners

[theFXexpert]

TM has been without proper banners long enough so I spent the last week coding up an implementation for dynamically generating SVG banners. I tried to write it in a way that is hopefully modular so different variations can be easily added. It should also account for routes that have multiple banners like those Alt Truck routes in PA. I made a pull request for a simple beta implementation on clinched.php:

https://github.com/TravelMapping/Web/pull/631

My dev environment for php stuff has been dismantled for a while since I have been mainly using other languages recently, so the server-side code is mostly untested. I at least tested preg_split() to make sure it worked as expected in the w3schools editor.

The result should output similar to this on clinched.php


The svg templates are based on the svgs found in Wikimedia Commons: https://commons.wikimedia.org/wiki/Commons:WikiProject_U.S._Roads/Auxiliary_plates

[Jim]

Thanks for this contribution.  I've got it up on tmstage.teresco.org for some testing, but it's looking good to me.

[theFXexpert]

I had forgotten future Interstates were their own system and forgot to include them in the switch statement along side usai.

[Jim]

I had forgotten future Interstates were their own system and forgot to include them in the switch statement along side usai.

Added, thanks.

[mapcat]

Thanks for this contribution.  I've got it up on tmstage.teresco.org for some testing, but it's looking good to me.

Agreed!

In VA we're treating "Wye" as a banner, and "Wye" still shows up in text above the routes since there's no corresponding Wye plate in the new set. And there probably shouldn't be one, since those routes are marked with a Y in the shield under the number. Should we change how we handle wyes?

[Jim]

Thanks for this contribution.  I've got it up on tmstage.teresco.org for some testing, but it's looking good to me.

Agreed!

In VA we're treating "Wye" as a banner, and "Wye" still shows up in text above the routes since there's no corresponding Wye plate in the new set. And there probably shouldn't be one, since those routes are marked with a Y in the shield under the number. Should we change how we handle wyes?

This is related to how we will handle the routes like NY's US 20A, which should get the A in the shield and have no banner.

[theFXexpert]

Right. I was thinking VA wyes should have the Y on the shield later on, so I left them unmodified for now.

[Jim]

I've put the banners on the main site.

[mapmikey]

Right. I was thinking VA wyes should have the Y on the shield later on, so I left them unmodified for now.

Froggie made specific Y shields for our Virginia Highways Page.  You are welcome to use them if that would be helpful (these would be the only ones that will ever be on TM as all the unposted wye routes will fail one of the criteria):

http://www.vahighways.com/shields/1dvao6ysm.gif
http://www.vahighways.com/shields/va132y.gif
http://www.vahighways.com/shields/va180y.gif
http://www.vahighways.com/shields/va205y.gif
http://www.vahighways.com/shields/va300y.gif (will be added as one of the quasi-posted routes)

[Jim]

I created templates and added code to use them for usava "Y" routes.  See what you think on tmstage.teresco.org.  I think maybe the route number font could be scaled up a bit.

[the_spui_ninja]

The svg templates are based on the svgs found in Wikimedia Commons: https://commons.wikimedia.org/wiki/Commons:WikiProject_U.S._Roads/Auxiliary_plates

Are the SC, SD, and VT variants going to be added in as well?

[mapcat]

I created templates and added code to use them for usava "Y" routes.  See what you think on tmstage.teresco.org.  I think maybe the route number font could be scaled up a bit.

Comparing this to this, I think you're right that the font could be just a little bigger.

Will these eventually appear on showroute as well?

[Jim]

I just made the fonts bigger in the Y shields, both for the number and the Y trying to look more like that 132Y.

The banners should get to other places that use shields: https://github.com/TravelMapping/Web/issues/632 . I'll look into it as time permits unless @theFXexpert beats me to it.

[theFXexpert]

The svg templates are based on the svgs found in Wikimedia Commons: https://commons.wikimedia.org/wiki/Commons:WikiProject_U.S._Roads/Auxiliary_plates

Are the SC, SD, and VT variants going to be added in as well?

They were coded in initially but, I found an issue causing border colors to not be customized properly and submitted a fix https://github.com/TravelMapping/Web/pull/634

I just made the fonts bigger in the Y shields, both for the number and the Y trying to look more like that 132Y.

Yes. I think that looks a lot better!

[the_spui_ninja]

The svg templates are based on the svgs found in Wikimedia Commons: https://commons.wikimedia.org/wiki/Commons:WikiProject_U.S._Roads/Auxiliary_plates

Are the SC, SD, and VT variants going to be added in as well?

They were coded in initially but, I found an issue causing border colors to not be customized properly and submitted a fix https://github.com/TravelMapping/Web/pull/634

Cool, you don't have to worry about the WY variant because there's no bannered state routes, and there probably won't be in the future.