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)

Polylines


Now, let's create a line that will connect the pushpins, by adding the following code to our _start function:

this._line = new Microsoft.Maps.Polyline([new Microsoft.Maps.Location(0, 0)], {
  strokeColor:     new Microsoft.Maps.Color(200, 240, 76, 64),
  strokeThickness: 2
});
this._counter = 0;

The Polyline class' constructor accepts two arguments: an array of locations and a PolylineOptions object. We initialize our polyline with an array containing a dummy location, and a couple of options (the full reference of PolylineOptions can be found at http://msdn.microsoft.com/en-us/library/gg427595.aspx):

  • strokeColor: This option specifies the color of the polyline, which in our case is pink

  • strokeThickness: This option specifies the thickness of the polyline in pixels

We also maintain a count of the user clicks, which also stores the number of locations that make up the polyline. We make sure to reset the _counter instance variable when the user starts drawing, so that the clicks are not...