Algolia googleMaps小部件无法使用即时搜索功能

Question

到目前为止，我使用aloglia的即时搜索功能如下：

app({
  appId: 'XXXXXXX',
  apiKey: 'XXXXXXXXXXXXXXXXXXX',
  indexName: 'dev_POST_WEBDEV'
});

function app(opts) {
  var search = instantsearch({
  appId: opts.appId,
  apiKey: opts.apiKey,
  indexName: opts.indexName,
  urlSync: true
});

search.addWidget(
  instantsearch.widgets.searchBox({
    container: '.element',
    placeholder: 'Search for products'
  })
);

search.addWidget(
  instantsearch.widgets.hits({
   container: '#hits',
   hitsPerPage: 16,
  templates: {
   item: getTemplate('hit'),
   empty: getTemplate('no-results')
 },
 transformData: function(hit) {
   hit.stars = [];
   for (var i = 1; i <= 5; ++i) {
     hit.stars.push(i <= hit.sellerRating);
   }
   return hit;
   }
 })
);

search.addWidget(
  instantsearch.widgets.googleMaps({
    container: document.querySelector('#randommap')
  })
);
search.start();
}

即时搜索部分正常工作并显示项目，但是当您搜索时，地图似乎永远不会更新。我已经检查了在线示例，似乎做了或多或少相同的事情。

是否需要特定的语法才能使Google地图小部件正常工作？地图最初加载，但由于我即时搜索，它无法将引脚放在地图上。