Posted By

wildpeaks on 11/29/10

Tagged

Versions (?)

Last Edited at 11/29/10 09:13pm

Statistics

Viewed 552 times

Favorited by 1 user(s)

Related snippets

Bing Maps AJAX control 7.0: Draggable Pushpins

/ Published in: HTML

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

- [Draggable Pushpins in Bing Maps AJAX 7.0](https://gist.github.com/1973138)

Highlighted TextExpand

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&mkt=de-de" type="text/javascript" charset="UTF-8"></script>
</head>
<body onload="init();">

function init(){
	// Load the map
	var map = new Microsoft.Maps.Map(
		document.getElementById("myMap"),
		{
			credentials: "YOUR-BING-KEY",
			mapTypeId: Microsoft.Maps.MapTypeId.road
		}
	);
	
	// Create a draggable Pushpin
	var pin = new Microsoft.Maps.Pushpin(
		map.getCenter(),
		{
			draggable: true
		}
	);
	
	// Listen to its drag-related events
	Microsoft.Maps.Events.addHandler(pin, 'dragstart', onStartDragPin);
	Microsoft.Maps.Events.addHandler(pin, 'drag', onDragPin);
	Microsoft.Maps.Events.addHandler(pin, 'dragend', onEndDragPin);

// And add the pin to the map
	map.entities.push(pin);
}
</script>

</body>
</html>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.