CODEWITHSUNDEEP
javascriptbing-maps
user57508
user57508

Reputation:

How to get lat/lon of a mouse click with Bing Maps AJAX Control v7

I am using th newest version of the API (v7), and would like to add a pushpin on mouse-click ...

var mapSettings = {
    'credentials': 'myCredentials',
    'mapTypeId': Microsoft.Maps.MapTypeId.road,
    'enableSearchLogo': false,
    'showMapTypeSelector': false,
    'showScalebar': false
};

var $map = $('#map');
var map = new Microsoft.Maps.Map($map.get(0), mapSettings);
Microsoft.Maps.Events.addHandler(map, 'click', function (e) {
    var latitude = ?
    var longitude = ?
    var location = new Microsoft.Maps.Location(latitude, longitude);
    var pushpin = new Microsoft.Maps.Pushpin(location, {
        'draggable': true
    });
    map.entites.push(pushpin);
});

As you see, I am stuck within the click-handler: How do I get latitude & longitude of the click?

Upvotes: 13

Views: 9183

Answers (1)

binar
binar

Reputation: 1197

Ok, nailed it. Here's the bit of code that you're interested in:

if (e.targetType == "map") {
  var point = new Microsoft.Maps.Point(e.getX(), e.getY());
  var loc = e.target.tryPixelToLocation(point);
  var location = new Microsoft.Maps.Location(loc.latitude, loc.longitude);
  ......
}

e.target.getLocation() only works when the target is a pushpin, infobox, etc. The click on the actual map is different.

Upvotes: 19

Related Questions