Google Maps高级标记getPosition()失效问题及解决方案

安全阿岳

2026-7-8

Google Maps 高级标记无法调用getPosition()的原因及兼容解决方案

问题原因

Google Maps的**高级标记（Advanced Marker Element）**与传统标记（google.maps.Marker）属于不同的API实现，设计逻辑存在明显差异：

传统标记基于旧版JavaScript API类，通过getPosition()这类实例方法获取位置信息
高级标记是基于Web Component的轻量化新组件，直接通过position属性暴露位置数据，并未实现getPosition()方法，因此直接调用会抛出Uncaught TypeError: xxx.getPosition is not a function错误

解决方案

1. 高级标记专属写法

若确认使用的是高级标记，可直接访问position属性的lat()和lng()方法获取坐标：

// 获取高级标记的经纬度
const latitude = marker2.position.lat();
const longitude = marker2.position.lng();

2. 兼容新旧标记的通用写法

如果业务场景需要同时支持两种标记类型，可以通过方法存在性判断做兼容处理：

function getMarkerPosition(marker) {
    let position;
    // 判断是否为传统标记
    if (typeof marker.getPosition === 'function') {
        position = marker.getPosition();
    } 
    // 判断是否为高级标记
    else if (marker.position) {
        position = marker.position;
    }
    return position ? { 
        lat: position.lat(), 
        lng: position.lng() 
    } : null;
}

// 使用示例
const markerPosition = getMarkerPosition(yourMarkerInstance);
if (markerPosition) {
    console.log(`纬度：${markerPosition.lat}，经度：${markerPosition.lng}`);
}