Google Maps API v3 仅在页面刷新后加载

2023-12-31

我正在为我正在处理的网页摆弄 Google Maps API。我现在的问题是,地图完全按照我的预期加载,但只有在刷新页面后才加载。如果我不刷新页面,我看到的只是画布。如果我离开页面并返回到该页面,问题仍然存在,因此调用地图似乎是一个问题initialize.

代码:

<style>
    #map_canvas {
    width: 670px;
    height: 400px;
    background-color: #CCC;
    }
</style>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
    function initialize() {

        var myLatLng = new google.maps.LatLng(31.247681, 121.449504);

        var map_canvas = document.getElementById('map_canvas');

        var map_options = {
        center: new google.maps.LatLng(31.248195, 121.447431),
        zoom: 16,
                mapTypeControl: false,
                panControl: false,
        zoomControlOptions: {
                    position: google.maps.ControlPosition.LEFT_CENTER
        },
        streetViewControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(map_canvas, map_options);

        var contentString =
            '<b>Leung Gallery</b>' +
            '<p>50 Moganshan Rd. Building 7, Unit 108, Shanghai</p>' +
            '<p>&#19978;&#28023;&#26222;&#38464;&#21306;&#33707;&#24178;&#23665;&#36335;50&#21495;7&#21495;&#27004;108&#23460;</p>';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
        });

        google.maps.event.trigger(map, 'resize');

        google.maps.event.addListener(marker, 'click', function(){
            infowindow.open(map,marker);
        });

    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>​

浏览以前的问题,我没有找到任何与我的问题完全匹配的内容,但我见过一些类似的情况google.maps.event.addDomListener(window, 'load', initialize);所以我想这可能就是问题所在。任何帮助表示赞赏。

编辑:指向正确的方向。添加$(document).bind("projectLoadComplete", initialize); after google.maps.event.addDomListener(window, 'load', initialize);解决了这个问题。问题是使用导航时页面未完全加载。此问题可能是 Cargo Collective 平台独有的。


经过几个小时的失败搜索解决方案后,我终于找到了这个:

只需替换:

google.maps.event.addDomListener(window, 'load', initialize);

with:

$(document).ready(function(){
  initialize();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Google Maps API v3 仅在页面刷新后加载 的相关文章

随机推荐

  • PyLint 无法识别 cv2 成员

    我正在 opencv 项目上运行 pylint 并且在 VS 代码中收到许多有关成员不存在的 pylint 错误 示例代码 import cv2 cv2 imshow 得到的错误 不过 代码运行正确 没有任何错误 版本 pylint 1 8
  • GIT Xcode - 更改原点

    如何更改 GIT 存储库中的原始 url 我不想添加新的存储库 我想换旧的 请帮帮我 我找到了添加新选项但不更改现有选项的选项 Thanks 我认为你不能从 XCode4 中做到这一点 就像许多其他事情一样 Do git remote se
  • 使用下拉菜单创建虚线图

    您好 我有一个 excel 文件 如下所示 其中有三个不同的服务器 A B C 我正在尝试构建一个带有下拉菜单的仪表板应用程序 可以选择所需的服务器并显示每个服务器的 CPU 使用情况和内存使用情况的图表 我尝试从 Dash 官方网站修改以
  • 使用按钮清除多选(角primeng涡轮表)

    是否可以通过按钮远程清除多选 或多个多选 我正在使用 primeng multiselect 和 Turbo table 我已经多次看到这个问题 但没有选择答案 以下是我的多选 span span
  • 如何在yii2中进行ajax调用?

    在 yii 1 14 版本中我们使用 CHtml ajax链接 对于 ajax 调用 在 yii2 中怎么样 你可以像这样创建一个ajax链接 Html a Your Link name controller action title gt
  • 缺少带有 .otf 的内容类型标头字体

    我使用 Laravel 框架 但是在 chrome 控制台中发生了这个错误并且font family不工作 无法加载资源 服务器响应状态为 500 缺少 Content Type 标头 In css font face font famil
  • 使用 PyDrive 上传 XLSX 并将其转换为 Google Sheets

    我正在尝试将 xlsx 文件上传到 Google 云端硬盘 我可以上传它 但是 当我们尝试在云端硬盘中打开同一文件时 必须使用 Google 表格打开它 因此 它会创建一个同名的新文件并消耗驱动器空间 我想我需要在上传时更改 MimeTyp
  • 不同IPC机制的使用

    我是一名 C 程序员 我想知道一个实时场景 我们可以使用不同的 IPC 机制 例如 PIPE 命名 共享内存 我大致知道在哪里可以使用套接字和消息队列 但对于 PIPE Named PIPE 和共享内存我没有任何想法 这只是为了了解不同的
  • 如何将elasticquery转换为kibana URL

    我正在使用 kibana 6 仪表板来显示可视化 我有一个如下所示的弹性查询 它需要传入 kibana 仪表板 URL query bool minimum should match 1 should match phrase jt tax
  • 带 VCL 样式的 Inno Setup 语言选择器

    有没有办法将语言选择器 Inno Setup 与VCL样式一起使用 如何 出现 选择安装语言 对话框之前叫做 因此您无法加载对话框的皮肤 作为解决方法 您可以实现自己的 语言 对话框 并从InitializeSetup 这样自定义对话框就会
  • 使用带条件的内连接的 Doctrine 查询生成器

    我想使用 Doctrine 的查询构建器构建以下 SQL select c from customer c join phone p on p customer id c id and p phone phone where c usern
  • SQL 查询用于在 SQL Server 中生成类似输出查询相关表的矩阵

    我有三张桌子 Product ProductID ProductName 1 Cycle 2 Scooter 3 Car Customer CustomerID CustomerName 101 Ronald 102 Michelle 10
  • MySql - 更新字符串部分的方法?

    我正在寻找一种通过 MySQL 查询仅更新字符串的一部分的方法 例如 如果我有 10 条记录 全部包含string作为字段值的一部分 有没有办法改变string to anothervalue通过一个查询对每一行进行查询 IE 对于以下情况
  • 尝试创建 Android 应用程序时出现“无可用目标”该怎么办?

    我正在尝试使用 Eclipse 创建 Android 项目 但 新建 Android 项目 窗口中的 下一步 按钮呈灰色 构建目标部分显示消息 无目标可用 我已经填写了其他所有内容 我还需要准备其他东西才能使其发挥作用吗 您是否确保将and
  • VBA将Excel图表复制到Word作为图片更改图表大小

    我想创建一个宏 从 Excel 复制图表并将其作为图片 最好是增强型图元文件 粘贴到 Word 中 我设置了一个带有表格的 Word 模板文档 该表格在应插入图片的特定单元格中包含书签 然而 使用我当前的代码 插入的图像太大并且弄乱了整个表
  • 前端敏感信息

    我正在构建我的第一个反应应用程序 不确定前端安全性 我正在调用以下第三方库 emailjs sendForm serviceID templateID templateParams userID userId字段属于敏感信息 我对 onSu
  • 如何在 Spring MVC 中针对 HTML 和 JSON 请求以不同方式处理异常

    我在 Spring 4 0 3 中使用以下异常处理程序来拦截异常并向用户显示自定义错误页面 ControllerAdvice public class ExceptionHandlerController ExceptionHandler
  • 设置 env、OSX rbenv 和捆绑包战斗

    所以我刚刚从 ubuntu 切换到 mac 设置环境并不像承诺的那么容易 这是我遵循的过程 安装了 xcode 然后进入首选项并下载command line tools 然后通过运行验证是否安装了正确的版本gcc version i686
  • 如何在另一个字段的计算中使用别名

    有谁知道是否有办法复制所使用的方法这个问题 https stackoverflow com questions 2077475 using an alias in sql calculations使用子查询的别名对 t SQL 中的另一个字
  • Google Maps API v3 仅在页面刷新后加载

    我正在为我正在处理的网页摆弄 Google Maps API 我现在的问题是 地图完全按照我的预期加载 但只有在刷新页面后才加载 如果我不刷新页面 我看到的只是画布 如果我离开页面并返回到该页面 问题仍然存在 因此调用地图似乎是一个问题in