百度地图JavaScript API GL如何给marker添加属性
时间: 2023-08-14 12:08:15 浏览: 246
百度地图添加marker
4星 · 用户满意度95%
在百度地图JavaScript API GL中,可以使用MarkerOptions对象来设置Marker的属性,包括标签内容、位置、图标、偏移量、旋转角度等。具体实现方法如下:
1. 创建Marker对象
```javascript
var marker = new BMapGL.Marker(point);
```
其中,point是一个BMapGL.Point对象,表示Marker的位置。
2. 设置Marker的属性
```javascript
marker.setTitle("这是一个Marker");
marker.setLabel("M");
marker.setIcon(icon);
marker.setOffset(new BMapGL.Size(0, -20));
marker.setRotation(30);
```
其中,setTitle()方法设置Marker的标题,setLabel()方法设置Marker的标签内容,setIcon()方法设置Marker的图标,setOffset()方法设置Marker的偏移量,setRotation()方法设置Marker的旋转角度。
3. 给Marker添加自定义属性
可以使用Marker的setExtData()方法给Marker添加自定义属性,如下所示:
```javascript
marker.setExtData({
id: 1,
name: "Marker 1"
});
```
其中,id和name是自定义的属性名和属性值。
4. 获取Marker的自定义属性
可以使用Marker的getExtData()方法获取Marker的自定义属性,如下所示:
```javascript
var extData = marker.getExtData();
var id = extData.id;
var name = extData.name;
```
其中,extData是一个对象,包含了Marker的所有自定义属性。通过id和name属性名即可获取对应的属性值。
阅读全文