CODEWITHSUNDEEP
javascriptmapsbing-mapsbing-api
Remy
Remy

Reputation: 1454

Bing Maps API v7 limit by bounds

So I'm trying to use the Search Module of the Bing Maps AJAX API (v7), and I've noticed that in the Interactive SDK for it you can pass in a property called bounds which you give a bounding box to search within. The example simply uses the map's current bounding box so theoretically, if you zoom in, a new search should simply show you results within your zoomed in area, right?

Well here's the issue: Add the following code at the end of the example code in the Interactive SDK:

Microsoft.Maps.Events.addHandler(map, 'viewchange', searchRequest);

What this should do is every time you move around the map or zoom in or out, it should fire a new search with the new bounding area of the map... I say this because of the line that looks like this: bounds: map.getBounds(),. What actually happens is that it bounces back to where it was initially before zooming.

Call me crazy, but is the bounds property just being completely ignored? Does anyone know how to limit the search results to the currently visible map area?

Lastly: Is it just me, or are the API docs for V7 rather incomplete? I've managed to find a few things by inspecting stuff in the Chrome console that doesn't appear in the API docs.

Update: This is what my call to the search function looks like:

searchManager.search({
    bounds: map.getBounds(),
    callback: searchSuccess,
    count: 20,
    entityType:"Business",
    errorCallback: searchFail,
    startIndex: 0,
    userData: userData,
    what: what,
    where: search
});

Upvotes: 1

Views: 3334

Answers (1)

clamchoda
clamchoda

Reputation: 4941

I have not personally used on view changed as I'm not sure that was available when I migrated from 6.0.

I'll share an alternative route I went that gets the trick done.

My search functionality also puts a Microsoft.Maps.Pushpin exactly where the user searched ("You are here!").

I then I create a boundary from the pushpin:

var viewBoundaries = Microsoft.Maps.LocationRect.fromLocations(pushpin.getLocation());

Then set the Map.setView properties for bounds. (Aswell as zoom in my case)

map.setView({ bounds: viewBoundaries });
map.setView({ zoom: 10 });

If you are not using a pushpin, you can simply create the view boundary from the location class.

MSDN Location Class

Upvotes: 2

Related Questions