当div标签内包含JavaScript时，Href无法正常工作

如何解决当div标签内包含JavaScript时，Href无法正常工作

我将TomTom映射包含到我的PHP 页面中，并将TomTom代码（javascript）包含在最底部的单独的body标签中。我注意到当我在这些标签中包含TomTom脚本时，我的所有按钮（href链接）都无法正常工作。

所有代码都在一个高级文本页面（map.PHP）上。

map.PHP：

<!--Developer code: https://developer.tomtom.com/blog/build-different/add-tomtom-maps-              
website-30-seconds-->

<!DOCTYPE html>
<html>
<head>

<Meta charset="UTF-8">
<title>Details Page</title>
<link rel="stylesheet" type="text/css" href="https://api.tomtom.com/maps-sdk-for-        
web/cdn/5.x/5.41.0/maps/maps.css">

<script src="https://api.tomtom.com/maps-sdk-for-web/cdn/5.x/5.41.0/maps/maps-web.min.js">. 
</script>

<script src="https://api.tomtom.com/maps-sdk-for-web/cdn/5.x/5.41.0/services/services- 
web.min.js"></script>

<style>

    #map-div {
        padding: 60px 60px 60px 60px;
        height: 100%;
        width: 100%;
        position: absolute;

    }
</style>

</head>
<body>
<ol>
<?PHP
    if (isset($_POST["submit"]));
    $search = $_POST['search'];
    $navigator = $_POST['navigator'];

    $sql = "SELECT disTINCT stores_name FROM stores ";
    $rs_result = MysqLi_query($conn,$sql);
    $rowCount = MysqLi_num_rows($rs_result);

    if ($rowCount > 1){
        echo "There are " .$rowCount. " results...";
    }
        else {
            echo "These is " .$rowCount. " result...";
        }
    

    if ($rowCount > 0) {
        while($row = MysqLi_fetch_array($rs_result)){  
            $title = $row['stores_name'];
            //$id = $row['stores_id'];

            $href = '<a href="details.PHP?id='. urlencode($title).'">'.$title.'</a>';
                            }
        }
        else {
            echo "<tr><td>" ."No results found". "</td><td>";

            }      
?>
</ol>
</body>


<body>

<div id="map-div" name="map-div"></div>
    
<script>
    const API_KEY = 'XXX';
    const APPLICATION_NAME = 'My Application';
    const APPLICATION_VERSION = '1.0';

    tt.setProductInfo(APPLICATION_NAME,APPLICATION_VERSION);

    const GOLDEN_GATE_BRIDGE = {lng: -122.47483,lat: 37.80776};

    var map = tt.map({
    key: API_KEY,container: 'map-div',center: GOLDEN_GATE_BRIDGE,zoom: 12
        });
</script>
</body>
</html>