Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/apache-spark/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在页面加载时加载Google地图_Jquery_Google Maps Api 3 - Fatal编程技术网

Jquery 在页面加载时加载Google地图

Jquery 在页面加载时加载Google地图,jquery,google-maps-api-3,Jquery,Google Maps Api 3,嗨,我想在新页面加载时加载谷歌地图。但是下面的代码是itz不工作 <script type="text/javascript"> var query = location.href.substring((location.href.indexOf('?')+1), location.href.length); if(location.href.indexOf('?') < 0) query = ''; querysplit = query.spli

嗨,我想在新页面加载时加载谷歌地图。但是下面的代码是itz不工作

  <script type="text/javascript">

    var query = location.href.substring((location.href.indexOf('?')+1), location.href.length);
    if(location.href.indexOf('?') < 0) query = '';
    querysplit = query.split('&');
    query = new Array();

    for(var i = 0; i < querysplit.length; i++){
    var namevalue = querysplit[i].split('=');
    namevalue[1] = namevalue[1].replace(/\+/g, ' ');
    query[namevalue[0]] = unescape(namevalue[1]);
    }
    window.onload = function(lat,lng){
    // Do stuff with query string data here.
alert(query['latitute']);
    var map;
    //code write to load map on right side
        var myLatlng = new google.maps.LatLng(lat,lng);
        map = new google.maps.Map(document.getElementById('map'), {
                        mapTypeId: google.maps.MapTypeId.ROADMAP,
                        center: myLatlng,
                        zoom: 10});
    }
    </script>

var query=location.href.substring((location.href.indexOf(“?”)+1),location.href.length);
if(location.href.indexOf('?')<0)query='';
querysplit=query.split('&');
query=新数组();
对于(var i=0;i

我的目标是,当我单击第一页上的链接时,第二页应该加载从第一页获取latlng的地图,该地图是硬编码的。警报语句正在编写,但不是地图加载。尝试在jquery或js中实现它。非常感谢任何帮助。

您是如何收到latlng值的?您是否尝试过使用此变量显示警报

此外,如果您的第一个警报有效,请尝试以下操作:

window.onload = function() {
    var lat = parseFloat(query['latitute']);
    var lng = parseFloat(query['longitute']);
    var map;
    var myLatlng = new google.maps.LatLng(lat, lng);

    map = new google.maps.Map(document.getElementById('map'),
        {
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            center: myLatlng,
            zoom: 10
        }
    );
}

看起来您正在尝试执行以下操作:

(它解析查询字符串并将地图居中于获得的坐标处)
但是将“lat”修改为“latitude”,将“lng”修改为longitude

是页面上的全部HTML吗?您缺少一个ID为“map”的元素,正如在文档中使用的一样。getElementById('map')…否我在html页面中的ID如下:map将在此处加载您可以建议如何使用jquery加载吗?使用js时,映射完全没有按您的方式加载,因此您的代码不起作用也就不足为奇了。:-)嗨..警报语句正在工作..但是地图没有加载..但是我可以看到缩放控件但没有地图如果缩小会发生什么?你还是什么也没看到,还是它显示了地球上的某个位置?因为如果它显示某个位置,你的坐标就是不正确的…是的,我检查了坐标..它们是正确的..但是地图没有加载,除了缩放控制可能你的地图没有调整大小。尝试
google.maps.event.trigger(映射,“调整大小”)
onload
@HareshVeldurty的末尾,您有什么
警报(myLatlng)