Azure Maps 仅在角落呈现图块

Question

我在我的一个副项目中使用 Azure Maps S0，我正试图让它正确呈现。该示例运行良好，但我将库作为小部件嵌入到 ThingWorx（副项目）中。

问题： 磁贴本身仅呈现在我的 div 的左上角，但缩放控件和 Microsoft 徽标呈现在正确的位置。

我可以通过调整页面大小来解决此问题：此操作会导致磁贴正确占据所有 div。

我使用的构造器是这样的：

map = new atlas.Map(id, {
                center: [-118.270293, 34.039737],
                view: 'Auto',
                showFeedbackLink: false,
                authOptions: {
                    authType: 'subscriptionKey',
                    subscriptionKey: redacted
                }
            });

我确保 div 它绑定到构造函数初始化前后具有正确的 clientHeight (489) 和 clientWidth (960)。我试过在调用构造函数后调用 map.resize，但我没有看到任何变化。

看起来像一个错误，但我不是 100% 确定。任何想法为什么这不像我预期的那样表现？

Answer 1

如果页面或地图 div 很小然后变大，可能是底层 HTML5 canvas/WebGL 上下文没有注意到扩展（这些通常不会自动增长）。如果您知道将要发生扩展，您可以调用 map.resize() 并且它应该重新计算可用区域并修改 canvas 的大小。该地图确实已经尝试并对此进行监控，但是没有很好的方法来执行此操作，因为 HTML/JavaScript.

中的 DOM 元素没有调整大小事件

Azure Maps 仅在角落呈现图块

Azure Maps renders tile only in a corner

javascript

azure-maps

thingworx