项目描述
翻译我们有一个不断增长的离线位置网络,而我们当前的“如何找到我们”页面只是一个静态列表,附带几张截图。这已经不够了:访客无法理解哪个位置更近,地址难以阅读,并且在手机上几乎无法使用。我正在寻找一个人来构建一个合适的互动位置查找器,并将其嵌入到现有网站页面中,仔细地融入当前的布局和颜色,使该模块看起来不像一个外部小部件。
逻辑很简单。访客访问页面时,他们会被提供地理定位,或者在搜索框中输入地址——并立即在实时地图上看到最近的位置。当标记靠得很近时,它们应该聚集成一个组,带有一个数字,随着缩放而分开,这样密集的城市就不会变成一堆无法阅读的图钉。半径过滤(例如,5、10、25公里)缩小选择,地图旁边的结果列表应该是同步的:点击卡片高亮标记,反之亦然。每个位置需要一个整洁的卡片,包含名称、完整地址、营业时间、电话和用户地图应用中的导航链接。
数据将来自一个表格或一个我们可以自己编辑的小管理面板,而不需要触碰代码,因此位置源应该是可配置的,而不是硬编码到文件中。地址地理编码可以提前完成并缓存。响应性、速度和可访问性对我很重要,正确的移动行为和合理的API配额使用。使用开放图块的Leaflet很好;如果你建议不同的技术栈,请解释原因。
— 可嵌入的地图模块样式与网站匹配,完全响应式
— 地址搜索和可选的浏览器地理定位以进行中心定位
— 半径过滤和与标记双向同步的结果列表
— 标记聚类,缩放时平滑展开/折叠
— 位置卡片:名称、地址、营业时间、电话、导航链接
— 可编辑的位置源(表格或简单管理面板)与地理编码缓存
逻辑很简单。访客访问页面时,他们会被提供地理定位,或者在搜索框中输入地址——并立即在实时地图上看到最近的位置。当标记靠得很近时,它们应该聚集成一个组,带有一个数字,随着缩放而分开,这样密集的城市就不会变成一堆无法阅读的图钉。半径过滤(例如,5、10、25公里)缩小选择,地图旁边的结果列表应该是同步的:点击卡片高亮标记,反之亦然。每个位置需要一个整洁的卡片,包含名称、完整地址、营业时间、电话和用户地图应用中的导航链接。
数据将来自一个表格或一个我们可以自己编辑的小管理面板,而不需要触碰代码,因此位置源应该是可配置的,而不是硬编码到文件中。地址地理编码可以提前完成并缓存。响应性、速度和可访问性对我很重要,正确的移动行为和合理的API配额使用。使用开放图块的Leaflet很好;如果你建议不同的技术栈,请解释原因。
— 可嵌入的地图模块样式与网站匹配,完全响应式
— 地址搜索和可选的浏览器地理定位以进行中心定位
— 半径过滤和与标记双向同步的结果列表
— 标记聚类,缩放时平滑展开/折叠
— 位置卡片:名称、地址、营业时间、电话、导航链接
— 可编辑的位置源(表格或简单管理面板)与地理编码缓存
其他 / 杂项 现金, 银行转账