New UI Design

I've redesigned the UI for the main map page. Please try it out:

http://travellermap.com/new.html

I've tested in Chrome, Firefox, Safari, and Internet Explorer 8/9/10, and on iPhone and iPad - yes, you now have full UI control on touch-based devices.

Please let me know if you have any issues with the page. If you notice any glitches, it'd be nice if you check with the "classic" page as well to see if you've discovered a long-standing bug or something new with the UI.

Let's shake those bugs out!

Ω

Rendering Order

Prolific nitpicker 77topaz pointed out that subsector names render on top of borders. That's not new, but I agree it's not ideal given that the subsector name is less critical than the world details at large scales. Sector and subsector names used to render at the same "layer". I've split them up.

Here's the new order, starting at the "back":

• "nebula" background (Candy style only)
• "galaxy" background (spiral arms)
• pseudo-random stars
• rifts (which black out the pseudo-random stars snd backgrounds)
• "macro" borders
• "macro" routes
• sector grid
• subsector grid
• parsec grid (hexes)
• subsector names
• "micro" borders
• "micro" routes
• sector names - which need to be on top of borders/routes to be legible at relevant scales
• "macro" capitals/home-worlds
• "micro" government names
• worlds

Changing the order is pretty straightforward so suggestions are welcome.

Note that individual words are rendered a hex at a time. In the future I'd like to do this in multiple passes, so that for example all zones are rendered, then all names so that zones don't overlap long names of neighboring hexes.

Unrelated: thanks to cubiq.org if you visit the touch map on an iOS device you'll now get a pop-up letting you know you can add it to your home screen as an application.


Ω

Client Code Update

I've just pushed a set of updates to the client files - the HTML, JavaScript, and CSS that makes up the pages. This affects the main page, the iframe page, and the touch page. These now all share common logic which will make updates easier. The visible changes are:

• Intermediate levels are used when zooming in with the mouse wheel. This may mean that the "Scale" field in the control panel will go blank, but if you're using the wheel you probably aren't using the drop-down.
• When zooming, the previous image tiles are used until the new tiles load. Combined with the previous, this means zooming is much smoother. 
• The credits display at the bottom of the page (which shows credits, sector data, world data, and one-click generators for LBBs and Posters) now [EDIT: Based on feedback in the comments]  tracks your mouse hover coordinates updates on click/doubleclick/drag rather than just what's centered on the page.
• When you zoom by double-clicking or using the wheel the mouse position is retained, so you can "zoom in" on something that isn't centered.
• Added Facebook and Twitter buttons next to the Google Plus buttons.
• The "you are here" and overlay URL parameters from the iframe API can be used on the main map page. 
• Tweaked the [-] and [+] buttons in the control panel to be the same size. Yay for −

Note: I only tested as far back as IE8. According to analytics, I have a small number of IE7 users. If they report problems I may be able to fix it, but only if they complain. My testing on browsers other than IE,  Chrome and Safari (iOS) has been limited, but Firefox and Opera are usually pretty well behaved.

As always, let me know what I broke and I'll try and fix it quickly.

EDIT: Remember to mention which browser+version and which operating system+version you're using, too.

...

In other news - no progress on the outages. I've found and fixed a couple of bugs with cached state handling but I still see the service going down when usage is high. I have monitoring set up now so that as I make changes I can have a higher confidence that they haven't made things worse.

Ω

Another Non-Update

Nothing to report yet (June got busy!) but I have been doing some behind the scenes work.

The tiled, dragable map display logic used for the main map (and iframe) and the touch version were completely separate code. If you've played with the touch version you know it has some nicer features, such as intermediate zoom levels and using available images while others are loading so zooming in is a much more pleasant process. I've been working to unify the code between these, and it's almost done - I just need to get the overlay and the you are here features for the iframe API ported over and I can push the update.

As a side effect, this will allow devices supporting touch events (iOS, Android, etc) to interact with the main map page, although the interface will still be kludgy. That'll be the next thing to fix, followed by those data updates I was promising. Ω

Deneb, Ziafrplians, SectorMetaData, bug fixes

A few recent updates, tweaks and fixes:

• Updated data for Ziafrplians from Don McKinney. This is the same data as used for the Zhodani Alien Module recently published by Mongoose, now a canonical part of the OTU. Check out the book for many more details about the sector, of course.
• Updated data for Deneb by Robert Eaglestone, including a few X-boat route tweaks. This is part of the ongoing T5 data cleanup project. Expect the rest of the Domain of Deneb to follow at some point soon.
• A new SectorMetaData API
• Tweaked Candy Style rendering. Now includes UWP at high scales, and scales a little more nicely.
• Fixed behavior of the experimental touch version when moving from "pinch" to "drag" (i.e. letting go of one finger while the other is still touching)

Ω

Touch Map

There's an experimental version of the map optimized for the iPad (and iPhone and iPod Touch) at:

http://travellermap.com/touch

Pinch and swipe to your heart's content. It's tested on the iPad and iPhone. It also works as Web Application: tap "+" then "Add to Home Screen" in Safari and you'll get an icon to launch the map with no browser UI.

There is no credits/metadata display, option panel, or search box - yet. Performance isn't what I'd like it to be, either. At some point in the future the main URL will auto-detect iThingies and automatically serve up this version, but I'll keep this URL alive until then.

It's worth visiting from your a "real" computer using Safari or Chrome (or Firefox, though I haven't tested it) and using the mouse wheel to zoom, since it implements intermediate zoom levels which makes zooming in and out really fun. Performance is also far better.

I'd be interested to hear if it works on Android or other modern devices that mimic Apple's touch API.

Ω