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

JavaScript020

小程序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"