Google Maps API对纬度90/-90解析异常？全图矩形绘制偏移求助

这不是API错误解析纬度值90/-90，而是北极点（lat:90）和南极点（lat:-90）是单一地理点——所有经度值在极点都指向同一个位置。用不同经度的极点坐标绘制多边形时，API会尝试连接这些实际重合的点，从而导致渲染出现偏移异常。

解决方法 #

有两种可靠的方式解决这个问题：

方法1：使用接近极点的纬度值

将lat:90替换为89.9999，lat:-90替换为-89.9999，既贴近地图边界，又能保证每个坐标都是独立的地理点：

const map = new google.maps.Map(document.getElementById("map"), { 
  zoom: 5, 
  center: { lat: 24.886, lng: -70.268 }, 
  mapTypeId: "terrain" 
});
const rectCoordinates = [
    { lat: 89.9999, lng: -180 }, 
    { lat: 89.9999, lng: 180 }, 
    { lat: -89.9999, lng: 180 }, 
    { lat: -89.9999, lng: -180 },
];
const rect = new google.maps.Polygon({
    paths: rectCoordinates,
    strokeColor: "#FF0000",
    strokeOpacity: 0.8,
    strokeWeight: 2
});
rect.setMap(map);

方法2：利用LatLngBounds创建边界

通过Google Maps API提供的LatLngBounds生成全球范围，再转换为多边形路径，这种方式更贴合API的设计逻辑：

const map = new google.maps.Map(document.getElementById("map"), { 
  zoom: 5, 
  center: { lat: 24.886, lng: -70.268 }, 
  mapTypeId: "terrain" 
});
// 创建覆盖全球的边界
const worldBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(-89.9999, -180),
  new google.maps.LatLng(89.9999, 180)
);
// 将边界转换为闭合多边形路径
const rect = new google.maps.Polygon({
    paths: [
        worldBounds.getSouthWest(),
        new google.maps.LatLng(worldBounds.getSouthWest().lat(), worldBounds.getNorthEast().lng()),
        worldBounds.getNorthEast(),
        new google.maps.LatLng(worldBounds.getNorthEast().lat(), worldBounds.getSouthWest().lng()),
        worldBounds.getSouthWest()
    ],
    strokeColor: "#FF0000",
    strokeOpacity: 0.8,
    strokeWeight: 2
});
rect.setMap(map);

内容的提问来源于stack exchange，提问作者Pasha