Bing Maps Ajax v7 Pushpin 在缩放/平移上移动

【问题标题】：Bing Maps Ajax v7 Pushpin Moving on Zoom/PanBing Maps Ajax v7 Pushpin 在缩放/平移上移动
【发布时间】：2014-08-28 11:30:00
【问题描述】：

我正在使用 bing maps ajax v7。在地图缩放/平移图钉似乎是不必要的动画/渲染。它们没有像应有的或以前那样（在缩放/平移之前）静态锚定到它们的坐标，并且在缩放/平移时，它们似乎是从屏幕外的不同位置进行动画/渲染。

这发生在所有浏览器中（Mac：[Chrome, FF, Safari]，Windows：[IE, Chrome, FF]）。

似乎类似于这个 SO Q:Virtual Earth (Bing) Pin "moves" when zoom level changes - 但不同的 api 版本和规模解决方案不适用。

有人遇到过这个吗？

【问题讨论】：

首先，您在使用 Bing Maps AJAX v7 控件时是否设置了图钉的锚点？请参阅：msdn.microsoft.com/en-us/library/gg427629.aspx 其次，分享一部分代码可能会很有趣，这将有助于我们重现您面临的问题，甚至是在 jsfiddle 上。

标签： javascript ajax bing-maps

【解决方案1】：

我遇到了这个确切的问题。当我缩小或平移时，图钉每次都会动画，从而导致糟糕的用户体验。我发现当我缩放浏览器时，我有一些全局样式被应用到我的网站以使链接动画到适当的位置。这可能是某些样式表样板中的默认设置。这是令人讨厌的风格

  a {
    -webkit-transition: all 0.5s ease;
    /* For Chrome <= 25, Safari <= 6.0, iOS Safari <= 6.1, Android Browser <= 4.3 */
    -moz-transition: all 0.5s ease;
    /* For Firefox <= 15 */
    -o-transition: all 0.5s ease;
    /* For Opera <= 12 */
    transition: all 0.5s ease; }

我通过应用以下样式直接定位地图图钉：

/* Prevent a tag inside of map to animate */
.MapPushpinBase {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;}

它有效地删除了图钉上的 CSS 动画。

问题已解决（对我而言）

【讨论】：