bing-maps

Get smooth Zoom In Zoom Out in Bing Map


I have angular 4 application and integrated Bing Map to display information in pushpin.

I did lot of googling but I couldn't find the solution to get smooth Zoom-In Zoom-Out operation in Bing Map.

Whenever I try to do zoom-in zoom-out either by mousewheel or click on (+) (-) button on the map I see below blurred & sticky image on map.

Also I checked the internet speed and it's more than enough (100 mbps). I haven't written any code on mousewheelchanged event.

Attached screenshot of blurred map when do zoom operation.

In short I am looking for smooth Zoom In Zoom Out operation like Google provide.

enter image description here


Solution

  • Still I didn't find proper solution for zooming issue in BingMap but I came across following MSDN community forum question which is answered by Ricky Brundritt.

    https://social.msdn.microsoft.com/Forums/en-US/93a2d940-d468-4e70-a06e-610c04105022/set-zoom-level-with-setview-with-animation-in-v8?forum=bingmapsajax

    As per rbrundritt Bing Map V8 uses the HTML5 canvas and requires each frame to be drawn. This makes it difficult to animate smoothly.

    But seems like Microsoft has taken care of Bing Map challenges in their latest Azure Maps Web Control.