Question

我使用bing maps ajax v7。在地图缩放/平移上，图钉似乎是不必要的动画/渲染。它们不是静态地锚定在它们应该或之前的坐标上（在缩放/平移之前）和缩放/平移它们似乎是从屏幕外的不同位置动画/渲染。

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

似乎与此类似，问：Virtual Earth (Bing) Pin "moves" when zoom level changes - 但不同的api版本和规模解决方案并不适用。

有人碰到这个吗？

Answer 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动画。

问题解决了（对我而言）

Bing Maps Ajax v7图钉移动缩放/平移

1 个答案: