Question

我正在使用googlemaps包，我无法让地图呈现。

main.html包含：

<body>
    <div id="map-canvas"></div>
</body>

和main.js包含：

GoogleMaps.init(
    { ... });

一切都设置正确（API Key，mapOptions等），但地图没有渲染。我错过了什么？感谢。

Answer 1

这不起作用的原因是当JS运行时，HTML可能还没有被绘制。这种风格应该起作用，等待绘制DOM，然后进入地图。

<body>
    {{>mapTemplate}}
</body>

<template name="mapTemplate">
     <div id="map-canvas"></div>
</template>

然后你的JS

Template.mapTemplate.rendered = function() {
    GoogleMaps.init(
    { ... });
}

不将地图拆分为mapTemplate的替代方法是在UI.body.rendered callback

中初始化您的地图