Posted By

wildpeaks on 10/10/10

Tagged

Versions (?)

Last Edited at 10/10/10 08:55pm

Statistics

Viewed 805 times

Favorited by 0 user(s)

Related snippets

VEMap.CreatePushpin(point, options) and similar functions to create advanced pins, polylines & polygons easily in Bing Maps

/ Published in: JavaScript

**Important: this snipplet has moved to Github.**

- [Extend Bing Maps AJAX 6.3 to create pushpins, polylines and polygons easily](https://gist.github.com/1972874)

Highlighted TextExpand

/**
 * Usage Example: Multiple polygons using the same color settings.
 */
var map = new VEMap('container');
map.LoadMap( new VELatLong(0, 0), 2 );
var color = {
	Icon: false,
	LineWidth: 3,
	LineColor: new VEColor(255, 0, 0, 1.0),
	FillColor: new VEColor(0, 100, 150, 0.5)
};
map.CreatePolygon(
	[
		new VELatLong(-10, -5, 10), 
		new VELatLong(0, 5, 10), 
		new VELatLong(10, -5, 10), 
		new VELatLong(-10, -5, 10), 
	],
	color 
);
map.CreatePolygon(
	[
		new VELatLong(-10, 20, 10), 
		new VELatLong(0, 30, 10), 
		new VELatLong(10, 20, 10), 
		new VELatLong(-10, 20, 10), 
	],
	color 
);

/**
 * Usage Example: Custom pushpin
 */
var map = new VEMap('container');
map.LoadMap( new VELatLong(0, 0), 2 );
map.CreatePushpin(
	new VELatLong(50, 30),
	{
		Icon: 'http://i.msdn.microsoft.com/dynimg/IC142439.jpg',
		Title: 'This is the title',
		Description: 'This is the description',
		URL: 'http://www.bing.com',
		Photo: 'http://www.google.com/images/logos/ps_logo2.png',
	}
);

/**
 * Usage Example: Draggable pushpin
 */
var map = new VEMap('container');
map.LoadMap( new VELatLong(0, 0), 2 );
var pin = map.CreatePushpin(
	new VELatLong(-50, -30),
	{
		Title: 'Draggable pin',
		Draggable: true,
		onstartdrag: function(){},
		ondrag: function(){},
		onenddrag: function(){}
	}
);
map.ShowInfoBox(pin);

URL: http://www.wildpeaks.com

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.