当前位置: 首页 > 知识库问答 >
问题:

自定义Google商店定位器库,使标记在搜索之前不可见

程凯定
2023-03-14

我的客户希望在他的网络商店里有一张地图,类似于谷歌商店定位器库可以实现的地图。然而,他希望地图在你搜索一个位置之前不显示任何标记,只画3个商店。然后,当您搜索其他位置时,地图将被重新绘制,并且仅打印最近的3个标记。

我在玩弄配置文件,甚至玩弄JS文件本身,但毫无用处。这似乎是一项容易的任务,但我不能隐藏标记。我已经能够使用此代码使其工作的商店列表。

first_time = false;
...
...
if(!first_time){
  items_per_panel = 0;
  first_time = true;
}else{
    items_per_panel = 1;
} // if

然而,我完全被标记部分卡住了。我怀疑我可以定制代码

 marker.setMap(this.getMap());

但我不知道怎么做。

共有1个答案

金泉
2023-03-14

我通过使用item属性item.getId()并检索列表来完成代码。我通过邻近性存储了所有的第一个元素,然后,在绘制管脚的方法中,我使用了这个存储数组。如下所示(我的数组称为stores\u list):

  for (var i = 0, ii = Math.min(items_per_panel, stores.length); i < ii; i++) {
  // Get store data

  var storeLi = stores[i].getInfoPanelItem();

  stores_list.push(stores[i].getId()); // added line

 ....

 if(jQuery.inArray(store.getId(), stores_list) != -1 ) marker.setMap(this.getMap());  // added condition
 类似资料:
  • 我使用谷歌商店定位器(http://storelocator.googlecode.com/git/examples/custom.html)显示体育赛事。 现在我想自定义来自谷歌的消息。我想隐藏信息“这个地区没有商店。然而,离你最近的商店列在下面。"如果缩放区域中没有事件。我想在面板中的孔线上放一个链接,以重定向到特定的网址。 是否有任何选项可以根据我的愿望定制商店定位器? 谢谢

  • 在另一个线程中,我正在从GoogleDeveloper的StoreLocator插件中寻找面板的一些定制帮助 如何从谷歌开发者定制商店定位器插件的侧边框 我需要进一步的定制,如:1.我想为要订购的商店列表制作无序列表。2.想把更多的信息和细节的列表。3.想要获得距离每个商店从搜索位置。 你能建议我如何前进吗?

  • 我正在尝试使用WordPress的StoreLocator Plus插件将自定义样式应用于Google地图。我发现了一个支持线程,其中有人可以使用以下代码将自定义样式应用于地图: 出于某种原因,一直以的形式返回给我,因此脚本无法运行。我试着在插件的JavaScript中寻找根源,我看到了的东西,但我不明白为什么这不起作用。 我的测试页面:http://lombard.myweblinx.net/?

  • 我的地图功能正常,直到我通过邮政编码搜索最近的商店位置,并尝试单击生成面板中的结果标题来显示相应标题的信息窗口。 换句话说,我希望能够单击搜索结果标题,当您单击时,它会在与标题关联的地图标记上打开信息窗口。 单击地图标记以显示信息窗口工作正常。在搜索后生成的结果列表中单击搜索结果,则不会。 我正在使用GeoJSON加载位置。 GeoJSON布局 HTML CSS

  • 我们可以自定义标记图标谷歌地图吗?我不想只是简单地更改图标位图(我知道怎么做),我想更改图标的方式就像我有一个xml布局(有一个imageview和一个textview),我想膨胀这个xml(像自定义信息窗口)。但我想让它成为一个标记图标,这样我就可以通过编码来设置图像和文本。注意,我不想要一个信息窗口,我希望它是一个标记