Google 地图中的 LatLng NaN 错误：如何诊断并轻松修复？

2024-05-25 15:24:10

Google 地图中的 LatLng NaN 错误：诊断与解决

简介

在使用 Google 地图 API 创建地图时，经常需要使用坐标点作为输入参数。这些坐标通常是从数据库中检索的，但有时可能会遇到 NaN（“非数字”）错误。本文将探讨导致此错误的原因，并提供详细的步骤来解决此问题。

NaN 错误的原因

当 Google 地图尝试将字符串值（例如从数据库中检索的坐标）解析为浮点数时，可能会出现 NaN 错误。这是因为字符串可能包含非数字字符，例如空格或逗号。当 Google 地图遇到这些字符时，它会无法将字符串转换为数字，从而导致 NaN 错误。

解决 NaN 错误的步骤

解决 NaN 错误涉及以下步骤：

1. 检查数据类型

首先，确保数据库中存储的坐标值是浮点数或双精度浮点数，而不是字符串。如果值存储为字符串，请使用 parseFloat() 或类似函数将其转换为数字。

2. 删除非数字字符

在将字符串转换为数字之前，请使用正则表达式或其他字符串操作函数删除任何非数字字符，例如空格、逗号或分号。

3. 使用正确的格式

确保坐标值以 Google 地图期望的格式传递。对于经度和纬度，格式通常为十进制度（例如 -83.212665）。

4. 检查变量声明

最后，验证坐标变量是否已正确声明为数字类型，例如 float 或 double。

示例代码

以下是一个示例代码，演示如何将数据库中的坐标值正确解析为 Google 地图坐标：

<?php
    // 检索数据库中的坐标
    $consulta = $MySQLi->query("SELECT * FROM TB_USUARIOS");
    $resultado = $consulta->fetch_assoc();

    // 转换坐标值
    $latitude_cli = floatval($resultado['USU_LATITUDE']);
    $longitude_cli = floatval($resultado['USU_LONGITUDE']);
?>

<script>
    // 使用解析后的坐标初始化地图
    function initMap() {
        var ponto1 = new google.maps.LatLng(latitude_cli, longitude_cli);
        ...
    }
</script>