Book Image

Learning Bing Maps API

By : Artan Sinani
Book Image

Learning Bing Maps API

By: Artan Sinani

Overview of this book

Provided as a part of Microsoft's Bing suite of search engines, Bing Maps is a web mapping service powered by the Bing Maps for Enterprise framework. The need for geospatial data has increased dramatically in the last few years. Adding a mapping context to any location-based data is becoming more and more common, and businesses are embracing it to improve their user experience with new data richness. Comprising of simple, follow-along examples, Learning Bing Maps API will show you how to use the many features of Bing Maps, from dropping a simple map on a web page, to fetching geospatial data from the Microsoft servers. Through the course of this book you will build a solid foundation for creating your own geo-applications.Following the hands-on recipes of this book, you will build a different web app in each chapter as you communicate with different APIs provided by Bing Maps. You will build your own library of JavaScript modules that talk to the Microsoft Maps API.You will create a custom theme for the map, with your own controls. Taking advantage of the global reach of Bing Maps, you will learn how to build a route scheduler for a delivery company in Madrid, Spain, and then you will discover how to create jobs on the Bing Maps servers for geocoding addresses in California, USA. By the end of the book you will have learned everything you need to know to embed a map on a web page, with your own geo-data, or data obtained by the Bing Map Services.
Table of Contents (14 chapters)

The shape


As we saw earlier, this class stores a reference to the map, data, and the initial year. The election results of the latter will be reflected on the shape first, as shown in the following code snippet:

var Shape = function (map, data, currentYear) {
  this._map = map;
  this._data = data;
  this._updateParty(currentYear);
}

A shape will be filled with the color of the political party that has won the elections on the London Assembly area represented by that shape. For this, we create an object instance variable (_party) with the id extracted from the votes array.

_updateParty: function(year) {
  this._party = {
    id: this._data.votes[year]
  };
  this._party.name = PARTIES[this._party.id];
}

The party's name is fetched from a constant array we define at the top of the file, below the line specifying the YEARS array.

var PARTIES = ['Conservative', 'Labour'];

These are the only two parties that have controlled the London Assembly in the past four elections, so we add only them to the...