首页 \ 问答 \ 控制定位(Controls positioning)

控制定位(Controls positioning)

 我有一个控件，我使用谷歌地图v3添加到地图，目前它看起来像这样：  
 
 看看右箭头指向侧面的方向？  
 我目前正在使用此代码添加它：  
// Create a div to hold the control.
var controlDiv = document.createElement('div');
var controlUI = document.createElement('button');
controlUI.id = "out";
controlUI.innerHTML = "<i class='icon-chevron-right'></i>";
controlDiv.appendChild(controlUI);

Maps.map.controls[google.maps.ControlPosition.TOP_LEFT].push(controlDiv);
 
 它有css ......  
#out {position:relative;top:5px;right:0;float:right;border:1px #aaa solid;border-left:0;padding:2px 4px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomright: 2px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
 
 但这个位置显然有点偏。 我如何才能使默认控件向下移动以进行自定义控件？ 

I have a control which I am adding to the map using google maps v3, currently it looks like this: 
 
See how the right pointing arrow is out to the side? 
I am currently adding it using this code: 
// Create a div to hold the control.
var controlDiv = document.createElement('div');
var controlUI = document.createElement('button');
controlUI.id = "out";
controlUI.innerHTML = "<i class='icon-chevron-right'></i>";
controlDiv.appendChild(controlUI);

Maps.map.controls[google.maps.ControlPosition.TOP_LEFT].push(controlDiv);
 
and it has the css...  
#out {position:relative;top:5px;right:0;float:right;border:1px #aaa solid;border-left:0;padding:2px 4px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomright: 2px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
 
But the position is obviously a bit off. How can I make it so that the default controls move down in way for the custom control?

原文：https://stackoverflow.com/questions/14514474

更新时间：2023-03-07 10:03

最满意答案

 您似乎已经将必要的值编码到项目的键中。 鉴于此，您可以使用该键来查找匹配的子项：  
var ref = firebase.database().ref('S01/Products');
var query = allProducts.orderByKey().startAt("C09M03S03").endAt("C09M03S04");
query.on("value", function(snapshot) {
  snapshor.forEach(function(child) {
    console.log(child.key, child.val());
  });
});

You seem to already be encoding the necessary values into the key of the items. Given that, you can use the key to find the matching children: 
var ref = firebase.database().ref('S01/Products');
var query = allProducts.orderByKey().startAt("C09M03S03").endAt("C09M03S04");
query.on("value", function(snapshot) {
  snapshor.forEach(function(child) {
    console.log(child.key, child.val());
  });
});

控制定位(Controls positioning)

最满意答案

相关问答

Firebase复杂查询子句(Firebase complex query clauses)[2022-05-09]

如何在Firebase Android中查询SQL IN子句(How to perfom query SQL IN clause in Firebase Android)[2023-05-29]

1到多个firebase查询(1 to many firebase query)[2022-04-17]

Firebase查询出现问题(Trouble with a Firebase Query)[2023-10-26]

在Firebase中获取查询(Get Query in Firebase)[2021-04-08]

访问Firebase查询中的第一个Firebase节点数据(Access First Firebase Node Data in Firebase Query)[2023-05-26]

如何在Firebase中执行以下查询？(How to do the following query in Firebase? (more than one where condition) [duplicate])[2023-10-25]

来自Firebase的复杂查询(Complex query from Firebase)[2022-07-24]

如何在Firebase中有效查询？(How to Effectively query in Firebase?)[2022-02-26]

在firebase中查询(Query in firebase)[2023-10-09]

相关文章

最新问答