在页面加载时加载 googlemaps答案

【问题标题】：Loading googlemaps on page load在页面加载时加载 googlemaps
【发布时间】：2023-03-11 17:05:02
【问题描述】：

您好，我正在尝试在新页面加载时加载 googlemaps ..但下面的 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>

我的目标是当我点击首页上的链接时，第二页应该加载地图，该地图从第一页获取硬编码的 latlng。警报语句正在运行，但地图加载却没有。尝试在 jquery 或 js 中实现它..任何帮助表示赞赏

【问题讨论】：

是页面上的所有 HTML 吗？那么您缺少 ID 为“map”的元素，如 document.getElementById('map') ... 中使用的那样
不，我在 html 页面中的 id 如下：
地图将在此处加载
你能建议如何使用 jquery 加载吗？使用 js，地图根本没有加载
按照您的方式拼写，您的代码不起作用也就不足为奇了。 :-)

标签： jquery google-maps-api-3

【解决方案1】：

您是如何获得 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
        }
    );
}

【讨论】：

嗨..警报语句正在工作..但地图没有加载..但我可以看到缩放控件但看不到地图
如果缩小会发生什么？你还是什么都看不到，还是它显示了地球上的一个位置？因为如果它显示某个位置，您的坐标就是不正确的......
是的，我检查了坐标..它们是正确的..但是除了缩放控件之外地图没有加载
也许您的地图没有调整大小。在onload 末尾尝试google.maps.event.trigger(map, "resize");。
@HareshVeldurty 你有什么alert(myLatlng)？

【解决方案2】：

看起来你正在尝试做这样的事情：

http://www.geocodezip.com/v3_MW_example_linktothis.html?lat=42.359783&lng=-71.092800&zoom=14&type=h

（它解析查询字符串并将地图以获得的坐标居中）但是将“lat”修改为“纬度”，将“lng”修改为经度

【讨论】：