在页面加载时加载googlemaps [英] Loading googlemaps on page load

问题描述

iam试图加载谷歌地图，当新的页面被加载..但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（）; （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）{
 //在这里做查询字符串数据。 
 alert（query ['latitute']）; 
 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}）; 
} 
< / script> 
  

我的目标是当我点击第一页上的链接时，第二页应该加载来自latlng的地图首页是硬编码的。警告声明是wrking，但不是地图加载..试图在jQuery或js中实现它。任何帮助表示赞赏

解决方案

您是如何收到 lat 和 lng 值的？您是否尝试过使用此变量显示警报？

另外，如果您的第一个警报有效，请尝试以下操作：

  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 
} 
）; 
} 
  

Hi iam trying to load googlemaps when the new page is loaded ..but itz not working below is my code

  <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>

my goal is when i click link on firstpage the second page should load with the map taking the latlng from firstpage which are hardcoded..the alert statement is wrking but not the map load..trying to implement it in jquery or js..Any help is appreciated

解决方案

How did you receive lat and lng values? Have you tried show alert with this variables?

Also, if your first alert works, try this:

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
        }
    );
}

这篇关于在页面加载时加载googlemaps的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！