JavaScript谷歌地图API和 http://ip-api.com/json 无法正常工作的初学者程序员遇到问题

Question

这是我的代码和纬度：和LNG：显示未定义。当我查看chrome开发控制台时，我还看到initMap不是一个函数的错误。

  <script>
    $(document).ready(function(){
    var  latitude;
    var  longitude;
    $.getJSON("http://ip-api.com/json",function(data){
         latitude=data.lat
         longitude=data.lon
   var lati=parseFloat(latitude);
   var long=parseFloat(longitude);    
                function initMap() {
       map = new google.maps.Map(document.getElementById('map'), {
           center: {
               lat:  lati
               , lng: long
          }  
          , zoom: 8
       });
           }
    });
    });

</script>

地图调用

<script  src="https://maps.googleapis.com/maps/api/js?key=------removed--------&callback=initMap" async defer></script>     

Answer 1

当地图 API 准备就绪时，将调用您的 initMap 函数。 回调函数包装在 getJSON 回调中，当 API 调用时将超出范围。

Answer 2

define('CDN','http://code.jquery.com/jquery-latest.min.js');
error_reporting(0);
$get = json_decode(file_get_contents('http://ip-api.com/json/'),true);
date_default_timezone_set($get['timezone']);
$city ="Lahore";
$string = "http://api.openweathermap.org/data/2.5/weather?
q=".$city."&units=metric&appid=f1fded24a81b4aaaf12c2eaa0acf8e69";
$data = json_decode(file_get_contents($string),true);
$temp = $data['main']['temp'];
$visibility = $data['visibility'];
$visibilitykm = $visibility / 1000;
$humidity = $data['main']['humidity'];
echo "Temprature: ".$temp."<br>"; 
echo "humidity: ".$humidity;