Google maps api 3 右侧面板中的Google store locator库限制标记
我想将地图右侧面板中出现的标记数量限制在任何缩放级别下的10个左右 如何做到这一点 可以在此处找到该库和示例: 我遵循此处给出的代码示例: 这里有一个代码参考: 但我仍然不清楚如何定制我下面的示例,使其在任何时候最多只能显示10个标记 编辑:我为什么要这样做 我向许多沙龙批发一种产品。通过这张地图,我试图向顾客展示他们可以去哪些沙龙购买我提供的产品 然而,在谷歌给出的例子中,沙龙的完整列表显示为地图上的标记。这是不好的,因为这样一来,竞争对手就有可能收集到他们可以向其销售竞争产品的沙龙的完整列表 我想要的解决方案是,根据最接近输入地址的位置,一次最多显示10个标记 对于我来说,示例()总是在面板中最多显示10个条目。硬编码限制为10,因此如果不修改Google maps api 3 右侧面板中的Google store locator库限制标记,google-maps-api-3,Google Maps Api 3,我想将地图右侧面板中出现的标记数量限制在任何缩放级别下的10个左右 如何做到这一点 可以在此处找到该库和示例: 我遵循此处给出的代码示例: 这里有一个代码参考: 但我仍然不清楚如何定制我下面的示例,使其在任何时候最多只能显示10个标记 编辑:我为什么要这样做 我向许多沙龙批发一种产品。通过这张地图,我试图向顾客展示他们可以去哪些沙龙购买我提供的产品 然而,在谷歌给出的例子中,沙龙的完整列表显示为地图上的标记。这是不好的,因为这样一来,竞争对手就有可能收集到他们可以向其销售竞争产品的沙龙的完
store locator.min.js
但当您不想显示少于10个条目时,可以通过CSS:
/* limit the displayed entries to 5 */
.store-list li:nth-child(n+6){display:none}
当你想应用一个更高的限制时(或者当它应该与IE兼容时),有一些通用的方法,更好的解决方案取决于你拥有的商店总数,以及你想让别人刮的有多困难 您可以继续使用本例中的静态数据馈送(这意味着加载时将所有存储发送到浏览器),然后添加一些逻辑以仅显示最接近的10(例如将面板中未显示的所有标记的映射设置为null),但如果出现以下情况,则这不是一个好的解决方案:
- 有很多商店(超过一千家左右),因为当只显示少数商店时,加载所有商店的速度会不必要地慢
- 你不希望有人看到你的代码,然后抓取你发送的完整CSV和你所有的数据
同样,如果您不喜欢服务器端方面,那么地图引擎可能是您快速入门的最佳选择,特别是考虑到storelocator代码中有一个工作示例。code?指向您所指库的链接?示例?@geocodezip很抱歉,我添加了一些代码链接和更多细节。谢谢,但我想限制实际地图上的标记数,而不是左侧面板中列出的条目数。再次感谢您的帮助,但这最初最多只加载10个标记。我需要能够显示最多10个最接近输入地址的标记。我已更新了我的问题以使其更清楚。谢谢。我不需要用刮擦来防弹。我们有大约300个标记。你的第一个解决方案听起来很有效。你能给我一个代码示例吗?我基本上对javascript一窍不通。很抱歉,我非常感谢你的帮助。
m=e.min(10,c[E]);
for (var i = 1, row; row = rows[i]; i++)
for (var i = 1, row; row = rows[i],i<XXX; i++)