Skip to content

Pixel 类

此类表示地图上的一点,单位为像素。

构造函数

构造函数描述
Pixel(x: Number, y: Number)创建像素点对象实例。像素坐标的坐标原点为地图区域的左上角

属性

属性类型描述
xNumberx 坐标
yNumbery 坐标

方法

方法返回值描述
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);

常见用途

  1. 坐标转换
javascript
// 像素坐标转地理坐标
var point = map.pixelToPoint(pixel);

// 地理坐标转像素坐标
var pixel = map.pointToPixel(point);
  1. 计算屏幕位置
javascript
// 获取覆盖物的屏幕位置
var pixel = map.pointToOverlayPixel(marker.getPosition());
  1. 事件处理
javascript
map.addEventListener('click', function(e) {
    // 获取鼠标点击的像素位置
    var pixel = e.pixel;
});

注意事项

  1. 像素坐标原点在地图区域的左上角
  2. x 坐标向右为正,y 坐标向下为正
  3. 像素坐标会随地图的平移和缩放而改变
  4. 在进行坐标点比较时,建议使用 equals 方法而不是直接比较坐标值
  5. 像素坐标主要用于屏幕位置计算和事件处理

基于 MIT 许可发布