Tag Archives: Google Maps

Take a tour of the campuses of the International University of Paris with Topheman Street View

Experiments,

About six months ago, I released Topheman Street View, a site that will let you browse the Google streetview panoramas with your smartphone/tablet like you were inside it, just by moving your phone like a window to the world – more on this post.

Two days ago, I saw this tweet by @GautierBarbe on my timeline about the International University Campus of Paris opening their buildings to Google streetview.

@GautierBarbe - tweet

It drew my attention and tickled me … This was a perfect use case to demonstrate the benefits of PanoramaSensorsViewer (the library I made on which Topheman Street View is based).

So, you can take a tour of the different campuses on Topheman Street View by following those links :

I simply used the bookmarklet I made that is available on the home page of the Topheman Street View site in desktop mode that you can use when you’re on google maps and will let you generate a link as well as a QRCode to the panorama …

Tophe

Topheman Cycle Infos

AngularJS,

I wanted to make a real AngularJS app (something more than the usual todolist we’ve all done 😉 ), so all I needed was to finish my ongoing personal projects and find an idea of an app that I could focus on the frontend part. This is how I came with Topheman Cycle Infos.

If you browse the source code or the README, you’ll see that I followed the Yeoman workflow, in order to master multiple tools such as :

  • yeoman / grunt / bower stack
  • sass / bootstrap (I wanted to checkout the bootstrap framework – not so fond of it …)
  • google maps API (I got some expertise, making Topheman Street View)
  • deploy to heroku (a part we dont talk enough : the deployment of a NodeJS app)
  • i18n (not really a tool, but I wanted the app in multiple languages – thanks to angular-translate)

This app will tell you the availability of bikes and bike’s stands of the bike’s JCDecaux network in real time in any of their towns.

Try Topheman Cycle Infos

For the deployment to heroku of a yeoman fullstack based project, I invite you to checked out Creating Apps with Angular and Node using Yeoman.

Tophe

Disclaimer : The design is responsive (it would work on a tablet or mobile), but showing the map of the bike’s stations of Paris may slow down your mobile browser (this is a too many markers problem that I am aware of, but sadly, it would make no sense to cluster them nor take cpu time to process which markers to show or hide). Maybe when I’ll have more time I’ll fix this bug.

Topheman Street View – an opened window to the world

Experiments,

How about browsing through the Google Street View panoramas, but not with your mouse or trackpad, not even with your fingers, but with your mobile device, moving it like a window to the world ?…

Try Topheman Street View

QR-Code to streetview.topheman.com

Enter a location or let the site show you a random one and then, visit it like you were inside it, by moving your mobile up and down, left and right, turning around … Continue reading →