Google Maps API InfoWindow 不显示内容

2023-11-25

我的代码如下所示:

var map = /*some google map - defined earlier in the code*/;
var geocoder = new google.maps.Geocoder();
var address = 'Some Address, Some Street, Some Place';
geocoder.geocode({'address':address},function(results,status){
    if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var infobox = new google.maps.InfoWindow({
            content: 'Hello world'
        });
        for(i in results){
            var marker = new google.maps.Marker({
                map: map, 
                position: results[i].geometry.location
            });
            google.maps.event.addListener(marker, 'click', function() {
                infobox.setContent('blablabla');
                infobox.open(map,marker);
                alert(infobox.content); //displays 'blablabla'
            });
        }
    }
});

基本上,它是根据给定的地址字符串在单个地图上创建一些标记。它将一个信息窗口添加到单击时打开的标记中。

问题是:信息窗口显示为空。

截图在这里:

screenshot

PS:使用Maps API V3


我刚刚遇到了同样的问题,并发现了非常简单的原因:信息窗口中的文本实际上显示了,但以白色显示,因此在白色背景上不可见。通过 CSS 为内容赋予不同的颜色解决了我的问题。

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

Google Maps API InfoWindow 不显示内容 的相关文章

  • 从数据层中删除所有特征

    我用过类似的东西 var map function initialize map new google maps Map document getElementById map canvas zoom 4 center lat 28 lng
  • 如何在经典 ASP 中使用地理编码 API v3

    想知道是否有人可以帮助我 我正在尝试返回地址的纬度和经度结果 刚接触编码并且陷入困境 以下代码工作正常 直到地理编码从 v2 变为 v3 你能告诉我哪里错了吗 我是否需要新的 v3 密钥或密钥 提前致谢
  • 黑白 PNG 转 SVG

    我有一个河流 土地掩码来区分土地与河流 湖泊 该文件的大小为 W 43 200x H 21 600 由于 RAM 立即填满 因此无法打开该文件 我已将文件分成 3600 3600 块 它们可以正常打开 然而 我试图在谷歌地图中绘制陆地上的文
  • Android 谷歌地图圆圈平滑改变半径

    我想控制按进度条循环 但是谷歌地图APIsetRadius变化并不顺利 如何平滑改变圆半径 这是我的源代码 private Circle circle public void onMapReady final GoogleMap googl
  • Android:随着设备移动在mapv2上绘制路径

    我正在制作一个应用程序 我必须在其中当我的设备移动时在地图上绘制路径 我搜索了我的教程但都显示在两点之间绘制路径但是我要当我的设备移动时绘制路径 任何有关此的帮助将不胜感激 当你的设备移动时 你的意思是什么 无论哪种方式 您都必须使用位置侦
  • 使用 Google Autocomplete API 根据位置名称获取纬度和经度

    我的页面中有一个文本框 它获取位置名称和带有文本的按钮getLat Long 现在点击我的按钮我必须显示一个警报latitude and longitude文本框中的位置 有什么建议吗 您可以使用谷歌地理编码服务 http code goo
  • 如何使用地点 ID 获得指向 google 地图上某个地点的直接链接

    我的应用程序中有谷歌地图上某个地点的地点 ID 有没有办法将地点 ID 放入 URL 中并使其直接链接到页面 还是必须通过URL来完成 我似乎在文档中找不到任何详细说明这一点的内容 我在下面尝试过 但它只是让我得到标准的谷歌地图页面 htt
  • Google Map Android API v2 无法在 Play 商店应用程序中显示地图

    我正在与Google Map Android API v2在 Android 应用程序中 它可以很好地与未签名的应用程序在不同的设备上 但是 当我签署 apk 并将应用程序上传到 Play 商店时 下载的应用程序显示白屏而不是地图 您使用什
  • 如何免费使用谷歌路线API

    我使用 Google Directions Api 的限制是每天 2500 条路线查询 而且是免费的 一切正常 现在 当它明确写入时 在请求 api 时 它会突然出现此错误https developers google com maps d
  • 如何在 Google 地图中创建自定义地图?

    我正在尝试创建一个包含我家地图的 Google 地图应用程序 卧室 浴室 厨房等 使用 GPS 我会找到我现在在家里的位置 并尝试获取到我卧室的方向 步行距离 您可以使用Google的API来获取方向 我需要知道的是 如何添加我家的自定义地
  • Google Map v3 地图加载事件[重复]

    这个问题在这里已经有答案了 是否有任何侦听器来处理完全加载的地图 就我而言 我需要从地图获取边界 所以我这样做了 google maps event addListener this map bounds changed this mapL
  • 在 Swift 4 中在 Google 地图上显示路径

    我的问题是我想绘制两点之间的时间 并且我的两个位置都来自不同的控制器 for my first Location extension HomeViewController PickupLocationDelegate func didSel
  • 从 JSON 数组创建标记 php mySQL Google Maps v2 android

    我正在尝试从 mySQL 数据库在 Google Maps v2 上创建标记 但它不起作用 地图确实出现了 但没有标记 谁能告诉我出了什么问题以及我需要改变什么 我也尝试过让 getDouble 为 getDouble 0 和 getDou
  • 在地图外部的 div 中加载 Fusion Tables InfoWindow 数据

    我希望有人可以帮助解决一个可能相当简单的查询 我在这里看到了一个有关尝试在不单击鼠标的情况下执行此操作的问题 但我想向 Fusion Table 地图上的标记添加一个事件侦听器 该事件侦听器将在地图下方的单独 div 中加载 infoWin
  • Android Google Map V2:如何在单击另一个标记时更改先前单击的标记的图标

    更新 我通过添加 previousMarker 对象解决了性能问题 因此 只有先前单击的标记将被删除并替换为默认图标 但是 当我单击标记时 信息窗口仍然不显示 我有一个地图视图并在上面设置了一些标记 我想要的是 当我单击一个标记时 它将其图
  • Google 地图位于活动的中间区域

    我正在使用 Android studio 2 1 2 我检查了一下 大多数问题要么使用旧版本的 Android studio 要么使用一些旧的类 这些类不适用于我的情况 从文件 gt 新项目 gt 我使用了选项Google Maps Act
  • Android SHA1 发布密钥库无法与 Google 地图配合使用

    我正在使用 Google Maps Android API 但遇到了一些问题 我正在使用 android studio 签署我的 apk 在 android keystore jks 创建一个 另外 我选择 发布 作为其中的类型 我已经使用
  • 如何修复 [错误:flutter/lib/ui/ui_dart_state.cc(166)] 未处理的异常:NoSuchMethodError:在 null 上调用方法 '<='。错误?

    我收到此错误 但由于昨天相同的代码有效 所以我不知道如何修复它 这是一个测试应用程序 使用谷歌地图和 firebase firestore 来保存和查询地图上的标记 我想这可能和我安装的flutter有关系 所以我尝试使用稳定版和测试版 但
  • Google 地图 - 删除滑雪道?

    滑雪道可以拆除吗 我已经使用了该向导 但由于在制作向导后添加了滑雪道 因此我认为该向导没有更新以显示如何关闭滑雪道 我已经阅读了文档 也许这是一个疏忽 更新 滑雪道和缆车现在被归类为 POI https issuetracker googl
  • 从样式化的 Google 地图中删除室内地图

    我正在尝试制作一个样式化的谷歌地图 其中仅包含波士顿地铁线路 土地和水 我将所有内容的可见性设置为关闭 但一些建筑物仍然显示出来 而且它看起来是唯一带有室内地图的建筑物 这是我的代码

随机推荐

  • 多平台可移植Python

    我想在虚拟环境中将python安装在闪存驱动器上 这样无论我在哪里都可以开发代码 我可以在 Windows Mac Linux 计算机上使用我的闪存驱动器吗 对于 Windows 请前往 Portable Python http Porta
  • 如何使用 PHP 提取多部分 zip 文件?

    我使用了这段代码 来自 使用 php 解压文件 zip new ZipArchive res zip gt open file zip if res TRUE zip gt extractTo myzips extract path zip
  • 降低 ORMlite 的内部日志详细程度或禁用它

    我们正在我们的应用程序中进行一些重大的性能调整 因此我们开始使用方法跟踪来查找瓶颈 乍一看 Ormlite 还不错 但我们发现 例如在一个需要 8 毫秒的查询中 Ormlite 的内部日志需要 6 毫秒 75 此外 这些日志调用处于调试级别
  • 如何在 WPF RichTextBox 中将插入符号移动一定数量的位置?

    我想将插入符号移动到当前插入符号位置的右侧 4 个位置 我已注册PreviewKeyDown 并调用InsertTextInRun 当 Tab 键被捕获时 如下所示 private void rtb PreviewKeyDown objec
  • 仅限制一个方向的拖动

    Using jQuery 可拖动 如何限制可拖动对象被拖动只朝一个方向 即只有顶部或只有底部axis y 并且仅向左或仅向右时axis x 这意味着如果我想要一个可拖动的 with axis set to y 只能被拖到bottom 那么它
  • ES6 粗箭头和括号 `(...) => ({...})` [重复]

    这个问题在这里已经有答案了 我一直在研究一些 Graph QL React Relay 示例 但遇到了一些奇怪的语法 在 Graphql 对象中定义字段时 使用以下语法 const xType new GraphQLObjectType n
  • SQLModel:sqlalchemy.exc.ArgumentError:需要列表达式或 FROM 子句,

    我正在使用 SQLModel 库来做一个简单的select 就像他们官方网站上描述的那样 然而我得到了Column expression or FROM clause expected错误信息 from typing import Opti
  • iOS 5 阻止 ARC 桥接转换

    这个问题引用了这个问题 如何用Block简化回调逻辑 我的标头有这些 typedef typedef void StuffDoneBlock NSDictionary parsedData typedef void StuffFailedB
  • 在Python中获取处理器信息

    使用Python有什么方法可以找出处理器信息 我需要名称 我需要运行解释器的处理器的名称 我检查了sys模块 但它没有这样的功能 如果需要 我也可以使用外部库 The 平台 处理器 函数以字符串形式返回处理器名称 gt gt gt impo
  • LibGit2Sharp:签出远程分支

    我尝试通过 LibGit2Sharp 签出远程分支 在 git 本身中 您使用以下命令 git fetch origin git checkout b test origin test 在较新的版本中它只是 git fetch git ch
  • 单语句条件 - 为什么该模式不用于其他代码块?

    只是想看看是否有人可以解释为什么安德斯认为这是有效的 if single statement else single statement 但这不是 try single statement catch single statement 引用
  • 如何阻止 Chrome 重定向到 HTTPS?

    几天前 Chrome 开始将我在 Wampserver 中的所有 vHost 重定向到 https 一切都工作正常 直到几天前 然后有一天 我登录到我的网站上工作 Chrome 说无法访问该网站 即使我使用了过去经常使用的相同 URL Wa
  • 当一切完成后,Scraper 会抛出错误而不是退出浏览器

    我编写了一个抓取工具来解析来自 torrent 站点的电影信息 我用了IE and queryselector 我的代码确实解析了所有内容 当一切完成后 它会抛出错误而不是退出浏览器 如果我取消错误框 那么我可以看到结果 这是完整的代码 S
  • 不使用移动设备时如何禁用自定义 Angular/Ionic 页面转换

    我有一个 Angular Ionic 应用程序 可以在本机和 Web iPhone Android 和 Web 上运行 我设置了一个自定义页面过渡动画 它在移动设备上看起来不错 但在桌面等大屏幕上看起来很奇怪 所以我想禁用这些动画并进行传统
  • numpy 数组的列表索引中的多个切片

    Numpy 数组接受索引列表 例如 a np arange 1000 l list 1 44 66 33 90 345 a l 22 但是 例如 如果我们想要使用多个切片索引或索引加一个切片 则此方法不起作用 a np arange 100
  • 如何流式传输存储在谷歌云存储桶中的视频?

    我已将视频存储在谷歌云存储浏览器上 我想在我的前端播放这些视频 为此 我需要视频 URL 但问题是 每当我导航到该 URL 时 就会下载该文件 我需要做什么才能获取我存储的对象的流视频 URL 我使用 video js 完成了这个任务
  • 安装 Rcpp 时出现链接错误“找不到 -lintl 的库”

    我在尝试安装一些 R 软件包时偶然发现了链接器错误Rcpp作为依赖 我的设置是 Mac OS X 10 9 1 Mavericks 由 Homebrew 安装 R 3 0 2 这是错误输出 gt install packages Rcpp
  • UITableView的scrollToRowAtIndexPath在过去4年不起作用

    我在 UITableViewController 中 单元格内有文本字段 当用户单击文本字段时 我实现 UITextFieldDelegate 并在方法 textFieldDidBeganEditing 中确定单元格的索引并滚动到该位置 它
  • 如何获取 DOM 元素上所有可能的有效属性[重复]

    这个问题在这里已经有答案了 请注意 attributes只获取当前属性 这不是这个问题的目的 我想要一种方法来获得allDOM 元素的属性 不仅是现在的那些 还有未来可能的那些 具体用例是找到一个对象中的潜在属性SVGElement不在一个
  • Google Maps API InfoWindow 不显示内容

    我的代码如下所示 var map some google map defined earlier in the code var geocoder new google maps Geocoder var address Some Addr