Pixel 类
此类表示地图上的一点,单位为像素。
构造函数
| 构造函数 | 描述 |
|---|---|
| Pixel(x: Number, y: Number) | 创建像素点对象实例。像素坐标的坐标原点为地图区域的左上角 |
属性
| 属性 | 类型 | 描述 |
|---|---|---|
| x | Number | x 坐标 |
| y | Number | y 坐标 |
方法
| 方法 | 返回值 | 描述 |
|---|---|---|
| equals(other: Pixel) | Boolean | 判断坐标点是否相等,当且仅当两点的 x 坐标和 y 坐标均相等时返回 true |
示例
javascript
// 创建像素坐标点
var pixel1 = new BMapGL.Pixel(100, 100);
var pixel2 = new BMapGL.Pixel(200, 200);
// 获取像素点的坐标
console.log('x坐标:' + pixel1.x + ',y坐标:' + pixel1.y);
// 判断两个像素点是否相等
var isEqual = pixel1.equals(pixel2); // false
// 在地图上使用像素点
// 像素坐标转换为地理坐标
var point = map.pixelToPoint(pixel1);常见用途
- 坐标转换
javascript
// 像素坐标转地理坐标
var point = map.pixelToPoint(pixel);
// 地理坐标转像素坐标
var pixel = map.pointToPixel(point);- 计算屏幕位置
javascript
// 获取覆盖物的屏幕位置
var pixel = map.pointToOverlayPixel(marker.getPosition());- 事件处理
javascript
map.addEventListener('click', function(e) {
// 获取鼠标点击的像素位置
var pixel = e.pixel;
});注意事项
- 像素坐标原点在地图区域的左上角
- x 坐标向右为正,y 坐标向下为正
- 像素坐标会随地图的平移和缩放而改变
- 在进行坐标点比较时,建议使用
equals方法而不是直接比较坐标值 - 像素坐标主要用于屏幕位置计算和事件处理
