Javascript 调用google map api时出错&；谷歌url缩短api在同一个程序_Javascript_Api_Google Maps_Url_Google Maps Api 3

Javascript 调用google map api时出错&；谷歌url缩短api在同一个程序

javascript api google-maps url google-maps-api-3

Javascript 调用google map api时出错&；谷歌url缩短api在同一个程序,javascript,api,google-maps,url,google-maps-api-3,Javascript,Api,Google Maps,Url,Google Maps Api 3,所以我编写了一个程序，通过url将数据传递给iframe。但是由于url可能非常大（即仅支持2083个字符），我正在使用GoogleURL缩短api来缩短url，然后将url作为参数发送。稍后，我们将使用短url获取长url并提取实际数据但问题是在同一个程序中调用两个api 下面是一个简单的代码，我从google获取长url，然后初始化地图。根据我的逻辑，首先我们将从长url中提取数据，然后我们将指向标记，我们不能在调用Google shorten url api之前初始化地图代码- <

所以我编写了一个程序，通过url将数据传递给iframe。但是由于url可能非常大（即仅支持2083个字符），我正在使用GoogleURL缩短api来缩短url，然后将url作为参数发送。稍后，我们将使用短url获取长url并提取实际数据

但问题是在同一个程序中调用两个api

下面是一个简单的代码，我从google获取长url，然后初始化地图。根据我的逻辑，首先我们将从长url中提取数据，然后我们将指向标记，我们不能在调用Google shorten url api之前初始化地图

代码-

<html>
<head>
</head> 
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function makeURLShortenApiCall(){
var shortUrl="";
gapi.client.setApiKey('AIzaSyDQo3yvYTgw7pdfGTRz6zanq41rhymA-N8');
gapi.client.load('urlshortener', 'v1',function(){

var shortUrl="http://goo.gl/AWGcY4";

    var request = gapi.client.urlshortener.url.get({
      'shortUrl': shortUrl,
    'projection':'FULL'
    });
    request.execute(function(response) 
    {

        if(response.longUrl!= null)
        {
            console.log(response.longUrl);
            initialize();
        }
        else
        {
            alert("error: "+response.error);
        }

    });

});
}
</script>
<script src="https://apis.google.com/js/client.js?onload=makeURLShortenApiCall"></script>
<script>
function initialize() {
  var mapProp = {
    center:new google.maps.LatLng(51.508742,-0.120850),
    zoom:5,
    mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  var map=new google.maps.Map(document.getElementById("Map"),mapProp);
}
</script>
<body>
<div id="googleMap" style="width:500px;height:380px;" class="absolute"></div>
</body>
</html>

你知道怎么解决这个问题吗？

事实上我找到了问题所在

因为

var map=new google.maps.Map(document.getElementById("Map"),mapProp);

Map

与

div Id

googleMap

<div id="googleMap" style="width:500px;height:380px;" class="absolute"></div>

无论如何，感谢您的帮助。

听起来好像在javascript执行时还没有呈现“映射”iframe。请提供一个演示此问题的示例。很抱歉，此问题已解决。这是因为id不匹配。如果您解决了问题，请用解决方案回答，并将其标记为有效-或删除问题@无脉轮

<div id="googleMap" style="width:500px;height:380px;" class="absolute"></div>