We're Talking Maps...


Last Monday I highlighted a cool Bing related project, BabylonJS + WebGL + Bing + Maps + 3D = BabylonBing, today I'm going to highlight another cool Bing related app...

How to Extend Your App with Talking Maps

In a previous blog post we had a lap around the new support for Custom Geospatial Data in the Bing Spatial Data Services (SDS). This time around we will build upon that tutorial and extend the app so that we can talk to it and have it talk back.

Check out the video to see and hear what we’re going to build.

In order to achieve this, we leverage the Bing Speech Recognition Control for Windows 8.1 as well as the Windows 8.1 SDK for speech synthesis.

The documentation for the Bing Speech Recognition Control contains detailed instructions on how to register and install the control and how to enable a project for speech recognition so we won’t dive too deep into this. Instead we start with our previous project assuming that

  • You signed up for the Bing Speech Recognition Control in the Windows Azure Marketplace
  • You registered an application and created a Client ID and Client Secret in the Azure Marketplace
  • You downloaded and installed the Bing Speech Recognition Control
  • You downloaded and installed the Windows SDK for Windows 8.1
Speech-Enabling Our Project

Once we are all set up, we open the project that we created for the previous blog post and add references to Bing Speech and the Visual C++ 2013 Runtime.


Changing the UX

In the header of default.html, we add references to the Bing Speech Control.


Modifying the JavaScript

In the default.js we add a few more global variables for the Bing Speech credentials and the Speech Recognizer.


And that’s already it. Run your app and check it out. You’ll find the complete source code here.


Two weeks, two Bing Maps posts. No more excuses, get your Maps on!

The Discussion

Conversation locked

This conversation has been locked by the site admins. No new comments can be made.