首页 / JAVASCRIPT / javascript-Leaflet将不会显示我的标记,“ TypeError：t为null”

javascript-Leaflet将不会显示我的标记,“ TypeError：t为null”

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Leaflet将不会显示我的标记,“ TypeError：t为null”，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1346字，纯文字阅读大概需要2分钟。

内容图文

我试图在我的传单地图上显示一个标记.这给我以下错误：TypeError：t为空

使用Google Maps API来获取坐标的PHP代码：

<?php
if (isset($_POST["checkAddress"])) { //Checks if action value exists
    $checkAddress = $_POST["checkAddress"];
    $plus = str_replace(" ", "+", $checkAddress);
    $json = file_get_contents('https://maps.googleapis.com/maps/api/geocode/json?address=' . $plus . '&key=KEY');
    $obj = json_decode($json);
    $mapLat = $obj->results[0]->geometry->location->lat;
    $mapLng = $obj->results[0]->geometry->location->lng;
    $coords = ('' . $mapLat . ', ' . $mapLng . '');
    echo $coords;
}
?>

运行PHP脚本并应在Leaflet地图上显示坐标的jQuery：

$(document).ready(function() {
$("#button").click(function(){
    $.ajax({
        url: "geo.php",
        method: "POST",
        data: {
         checkAddress: $("#largetxt").val()
        },
        success: function(response){
         console.log(response);
         var marker = L.marker([response]).addTo(map);
        }
    });
});
});

解决方法:

哦,又是你.

您收到一个字符串作为响应.

L.marker期望[lat,lng],但是您给它[[lat,lng“]一个字符串而不是两个浮点数.

要在JavaScript中解决此问题,请执行以下操作：

success: function(response){
    var coordinates = response.split(", "); //create an array containing lat and lng as strings
    coordinates[0] = parseFloat(coordinates[0]); //convert lat string to number
    coordinates[1] = parseFloat(coordinates[1]); //convert lng string to number
    var marker = L.marker(coordinates).addTo(map);
}

内容总结

以上是互联网集市为您收集整理的javascript-Leaflet将不会显示我的标记,“ TypeError：t为null”全部内容，希望文章能够帮你解决javascript-Leaflet将不会显示我的标记,“ TypeError：t为null”所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/684130.html

来源：【匿名】