text: webpackJsonp([0xc9377c31b3d1],{1005:function(A,a){A.exports={data:{allMarkdownRemark:{edges:[{node:{id:"/Users/samuelisme/Code/blog/src/blog/2018-07-03 Citymapper/index.md absPath of file >>> MarkdownRemark",html:'<p>\n  <a\n    class="gatsby-resp-image-link"\n    href="/static/1-64bad45561e7ecd90f0b2f207705db28-78b8e.jpg"\n    style="display: block"\n    target="_blank"\n    rel="noopener"\n  >\n  \n  <span\n    class="gatsby-resp-image-wrapper"\n    style="position: relative; display: block; ; max-width: 1200px; margin-left: auto; margin-right: auto;"\n  >\n    <span\n      class="gatsby-resp-image-background-image"\n      style="padding-bottom: 52.5%; position: relative; bottom: 0; left: 0; background-image: url(\'data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMF/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAdatCAv/xAAXEAADAQAAAAAAAAAAAAAAAAABEhMg/9oACAEBAAEFAjWrZ//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAEDAQE/AYf/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAXEAADAQAAAAAAAAAAAAAAAAAREiAh/9oACAEBAAY/AsCV/8QAGRABAAIDAAAAAAAAAAAAAAAAAREhABAx/9oACAEBAAE/IWOjFLZAbkwZJ0k91//aAAwDAQACAAMAAAAQoM//xAAXEQADAQAAAAAAAAAAAAAAAAABEBFB/9oACAEDAQE/EBGr/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGxABAQACAwEAAAAAAAAAAAAAAREAURAhQXH/2gAIAQEAAT8QJIQBPTb9x71hFEDd1hCGiW8AEAmnAAgQz//Z\'); background-size: cover; display: block;"\n    >\n      <img\n        class="gatsby-resp-image-image"\n        style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;"\n        alt="1"\n        title=""\n        src="/static/1-64bad45561e7ecd90f0b2f207705db28-78b8e.jpg"\n        srcset="/static/1-64bad45561e7ecd90f0b2f207705db28-ca21d.jpg 320w,\n/static/1-64bad45561e7ecd90f0b2f207705db28-4c678.jpg 640w,\n/static/1-64bad45561e7ecd90f0b2f207705db28-78b8e.jpg 1200w"\n        sizes="(max-width: 1200px) 100vw, 1200px"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>\n<p>After switching to Android last year, Google Map has been my first choice of transit app. Living in a city that public transport operators <a href="http://harbourtimes.com/2017/08/08/reform-hong-kongs-transport-system-opening-data/">discourage open data</a>, transit app is for navigation most of the time. Although selected lines of MTR and bus operators have their own app to share real-time next train / bus data, yet they refuse to share them with an open API, welcoming third-party apps integration like Google Map or Citymapper.</p>\n<p>I downloaded Citymapper (<a href="https://itunes.apple.com/us/app/citymapper-transit-navigation/id469463298?mt=8">iOS</a> and <a href="https://play.google.com/store/apps/details?id=com.citymapper.app.release&#x26;hl=zh_TW">Android</a>, Free) again yesterday when I was looking for alternative transit route as the app include minibus. I took MTR in the end but I was really impressed by all the localization efforts by the team since I was last used a few years back. While Google Map is focusing on location data and personal recommendation as announced this year at Google I/O (Considering Google core business is to collect data as much as possible), Citymapper took a different approach as it help users commute from one place to another. </p>\n<p>\n  <a\n    class="gatsby-resp-image-link"\n    href="/static/2-b646f1cff538acdc07c615f39dd2a82b-5b0ad.jpg"\n    style="display: block"\n    target="_blank"\n    rel="noopener"\n  >\n  \n  <span\n    class="gatsby-resp-image-wrapper"\n    style="position: relative; display: block; ; max-width: 1280px; margin-left: auto; margin-right: auto;"\n  >\n    <span\n      class="gatsby-resp-image-background-image"\n      style="padding-bottom: 75%; position: relative; bottom: 0; left: 0; background-image: url(\'data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAQDBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAC/9oADAMBAAIQAxAAAAHty7yysFP/xAAbEAEBAAEFAAAAAAAAAAAAAAACAQADERIUMv/aAAgBAQABBQK3ELqI+XFi7Bp34//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABYRAQEBAAAAAAAAAAAAAAAAAAEQEf/aAAgBAgEBPwFNn//EAB0QAAICAQUAAAAAAAAAAAAAAAABAiIREjEycYH/2gAIAQEABj8COU10xFdPpSEZCzuf/8QAGhABAQEBAQEBAAAAAAAAAAAAAREAIUExYf/aAAgBAQABPyGDmKEOSe97We5KX+pu+GydbO4g+I7v/9oADAMBAAIAAwAAABAYD//EABURAQEAAAAAAAAAAAAAAAAAAAEQ/9oACAEDAQE/EBRn/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAERIf/aAAgBAgEBPxBmKI//xAAaEAEBAQEBAQEAAAAAAAAAAAABESEAMZFB/9oACAEBAAE/EAIbpcnCfQEH5zdiGqq5+8igSlPxE5JS045rAXzzgRAIRoM3v//Z\'); background-size: cover; display: block;"\n    >\n      <img\n        class="gatsby-resp-image-image"\n        style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;"\n        alt="2"\n        title=""\n        src="/static/2-b646f1cff538acdc07c615f39dd2a82b-71e08.jpg"\n        srcset="/static/2-b646f1cff538acdc07c615f39dd2a82b-996a7.jpg 320w,\n/static/2-b646f1cff538acdc07c615f39dd2a82b-06faf.jpg 640w,\n/static/2-b646f1cff538acdc07c615f39dd2a82b-71e08.jpg 1280w,\n/static/2-b646f1cff538acdc07c615f39dd2a82b-2ed49.jpg 1920w,\n/static/2-b646f1cff538acdc07c615f39dd2a82b-5b0ad.jpg 2440w"\n        sizes="(max-width: 1280px) 100vw, 1280px"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>\n<p>The app’s core idea is turn people into a well-informed commuter, so user can make a the right decision to commute. In Hong Kong, Not only did all means of transport (even red &#x26; green minibus) are listed in Citymapper, they even collaborate with local transport monitor group to deliver live service update. (Given that MTR broke down all the time). Citymapper also include the location of nearest dockless bike and scooters last year globally, forecasting their vision of a city’s future on transportation. One sweet thing worth mentioning, is that they use local snacks as a reference to calculate calories intake.</p>\n<p>\n  <a\n    class="gatsby-resp-image-link"\n    href="/static/3-84b85c8462c5cd4e29c98eb930a275f4-44304.png"\n    style="display: block"\n    target="_blank"\n    rel="noopener"\n  >\n  \n  <span\n    class="gatsby-resp-image-wrapper"\n    style="position: relative; display: block; ; max-width: 500px; margin-left: auto; margin-right: auto;"\n  >\n    <span\n      class="gatsby-resp-image-background-image"\n      style="padding-bottom: 37.8%; position: relative; bottom: 0; left: 0; background-image: url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAAsSAAALEgHS3X78AAABI0lEQVQoz5WPfUvDMBDG+/0/i/+LoKAgCuom21zTl7RNmvRlU7s27dyYsMdrRkHETTx4uJfkfnfnKCVR5ArLMkNZKORZavNj+u09o5qQCbSWcK4fJ5jMXVze3uOFMSxKTU3HgWWhkcoY49EDfM8Fc2coqHZ2foXRZAonjDgkffADH0JEBJPI9GlplSAMGETCwUMPJQ1ivoc45nC6tkFrGqw7Y71pahjzTT9zUkvabj6op0XXHvoG7+Cf1m22kPkSy6pGIHPwtIAq3+DGCiuzhrPf73FKve12nyheK3jUNOcSY5eDUewnGtMggRul8Ch+r83fwAHaAzVt8swiXNyNLchCRWZhIxqyMt3pkwfYAO43FdnCntyDb55mFjwLhd28alp8AQhzV1n+Pik6AAAAAElFTkSuQmCC\'); background-size: cover; display: block;"\n    >\n      <img\n        class="gatsby-resp-image-image"\n        style="width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;"\n        alt="3"\n        title=""\n        src="/static/3-84b85c8462c5cd4e29c98eb930a275f4-44304.png"\n        srcset="/static/3-84b85c8462c5cd4e29c98eb930a275f4-7e240.png 320w,\n/static/3-84b85c8462c5cd4e29c98eb930a275f4-44304.png 500w"\n        sizes="(max-width: 500px) 100vw, 500px"\n      />\n    </span>\n  </span>\n  \n  </a>\n    </p>\n<p>Here’s a list of features of Citymapper that you cannot find on Google Map    </p>\n<ul>\n<li>Real-time HKTram Arrival Time</li>\n<li>Route and Stations Search for Red &#x26; Green Minibus</li>\n<li>Real-time notification of MTR Status Update, collaborating with <a href="https://twitter.com/mtrupdate">MTR Service Update</a>   </li>\n<li>Locating the nearest dockless bike (OFO in Hong Kong)</li>\n<li>Fare Calculator </li>\n<li>Share Live Commute Progress &#x26; Estimated time of arrival </li>\n</ul>\n<p>In London, Citymapper is also experimenting with the idea of <a href="https://citymapper.com/smartride">Smart Bus</a>, a bus-taxi hybrid that is responsive to traffic and commuter destination. It could take forever to see it on the road in Hong Kong. But the idea of building next-generation transportation is very exciting.</p>',excerpt:"After switching to Android last year, Google Map has been my first choice of transit app. Living in a city that public transport operators  discourage open data , transit app is for navigation most of the time. Although selected lines of MTR and bus…",frontmatter:{title:"How to do localization right - Citymapper in Hong Kong",date:"Jul 03, 2018",tags:["localization","app"],path:"/citymapper"}}}]}},pathContext:{tag:"localization"}}}});
  //# sourceMappingURL=path---tags-localization-3c9870137c8b311d7cf9.js.map