
特征
- 自定义列表模板
- 列表的右侧或左侧位置
- 自定义详细信息模板
- 自定义标记图标
- 自定义字段
- 开放时间
- 类别(每个类别都有自己的标记图标)
- 地图屏幕的高度或全高
- 默认纬度,地图中心的经度
- 默认、最大、最小缩放
- 谷歌地图控制按钮
- 自定义 Google 地图样式
- 带有自定义图像或自定义 css 类的标记集群
- 按地图中心对位置进行排序
- 在拖动、缩放、调整大小时更新列表
- 全景选项
- 使用图像和/或文本为类别、默认或自定义创建过滤器选项
- 列表的简单搜索选项
- 地理位置,仅使用 https
- 自动完成以搜索用户位置
- 方向规划器
- 响应式选项
- 2 列表回调和详细信息更新
如何使用
1. 安装 jquery-store-locator 插件
2. 如果您使用的是类别,请为自定义类别标记图标安装分类图像
转到设置 ->分类图像 ->检查类别(商店定位器)
转到商店定位器 – >类别(商店定位器)添加您的类别和图像
3. 转到“设置”->“商店定位器”->修改您的设置并添加 Google 地图 API 密钥
4. 进入商店定位器 -> 添加新地址
填写地理输入,您不需要自动填写纬度、经度。
如果您使用的是自定义字段,您可以在设置 -> 商店定位器 -> 模板中添加/更改列表和详细信息模板
5. 使用 [ storeLocator ] 在帖子内调用插件
6. 您需要修改样式表
7. 您可以使用 PoEdit 创建您的语言
通知
我使用的是 Bootstrap,它不包含在下载中。你必须根据你的主题调整它
更改日志
2018-11-06 - added Google Autocomplete to fill address in backend 2018-07-18 - fix: limitation of 5 locations removed - fix: small bugfixes 2017-06-15 - fix: default location has thrown an error
原文链接:https://www.hrdweb.com/53499.html,转载请注明出处~~~
评论0