mapbox/mapbox-gl-js

Allow controls to be placed at top-center, bottom-center, left-center, and right-center

Open

#3,039 创建于 2016年8月20日

在 GitHub 查看
 (12 评论) (16 反应) (0 负责人)JavaScript (10,532 star) (2,203 fork)batch import
feature :green_apple:good first issue

描述

mapbox-gl-js version:Master

Steps to Trigger Behavior

Can you please suggest a workaround / solution for this? This is blocking switching from G Maps to Mapbox GL JS.

We need to put controls on the map at top center and bottom center. Google maps supports this and other positions for controls. You can find more details of supported positions at the link below. TOP_CENTER and BOTTOM_CENTER would unblock me.

I am hoping it just a matter of adding css. mapbox-gl.css only includes css for adding controls at the four corners.

https://developers.google.com/maps/documentation/javascript/controls

Expected Behavior

Actual Behavior

贡献者指南

技术栈
javascriptcss
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
CSS positioningJavaScript event handlingmapbox gl js API
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70
研究方向
Examine the CSS file mapbox gl.css for existing control positioning classes (e.g., mapboxgl ctrl top left). Add new classes for top center, bottom center, etc. Also check the JavaScript source for control container logic, likely in src/ui/control/control.js or similar. The issue comments (#3039) mention some workarounds and potential approaches. Ensure new positions work with responsive design and that the controls don't overlap.