小程序js怎么给控件设置位置

JavaScript07

小程序js怎么给控件设置位置,第1张

JS设置类名

添加类名或者移除类名来进行实现,在类里面书写控件位置的样式;

JS设置style的方式

把控件位置的样式写在style里面

JS设置类名的案例:

控件是地图API提供的供用户操作地图的界面元素,API内置了几个控件:缩放/平移控件(NavigationControl)、缩略图控件(OverviewMapControl)、比例尺控件(ScaleControl)、版权控件(CopyrightControl)和地图类型控件(MapTypeControl)。通过下面的图示可以找到对应关系。

控件位置:

任何控件都可以停靠在地图的四个角落,并通过偏移值(offset)控制具体位置,停靠位置(API中叫做anchor)通过以下4个常量控制:

BMAP_ANCHOR_TOP_LEFT 表示控件定位于地图的左上角。

BMAP_ANCHOR_TOP_RIGHT 表示控件定位于地图的右上角。

BMAP_ANCHOR_BOTTOM_LEFT 表示控件定位于地图的左下角。

BMAP_ANCHOR_BOTTOM_RIGHT 表示控件定位于地图的右下角。

自定义控件:

控件本质上是HTML片段加上一些DOM事件的响应,进而再操作地图。所以编写自定义控件就是需要开发者自行编写HTML代码并添加自己的事件处理方法,方法中再调用地图API提供的接口来改变地图状态。

在百度地图API中自定义控件的编写需要以下几个步骤:

定义一个自定义控件的构造函数,提供defaultAnchor和defaultOffset属性。

继承API的控件基类。

实现initialize方法。

var p = document.getElementById("div1")

p.style.position = "absolute"

p.style.left="100px"

p.style.top="100px"