个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我的联系页面上有一个 Google map ，它工作正常，没有控制台错误。但是在其他页面上我收到以下错误消息，可能是因为它找不到 map :
Uncaught TypeError: Cannot read property 'firstChild' of null
at Object._.$f (js?key=MY-KEY:81)
at new tg (js?key=MY-KEY:87)
at init (main.js:292)
我看过一些帖子，但其中大多数似乎都记录了如何让 map 工作/显示，但在这种情况下，页面上并不意味着有 map 。
我想这个问题可以通过调用联系页面上的 javascript 来解决，但该脚本位于我的全局 .js 文件中，并且会加载到每个页面上。
有没有办法解决此错误，将脚本保存在全局外部文件中？
这是我的 Google map 脚本供引用:
/*
* When the window has finished loading create our google map below.
*/
google.maps.event.addDomListener(window, 'load', init);
/*
* Basic options for a simple Google Map. For more options see:
* https://developers.google.com/maps/documentation/javascript/reference#MapOptions
*
* 1. How zoomed in you want the map to start at (always required)
* 2. The latitude and longitude to center the map (always required).
* 3. How you would like to style the map. This is where you would paste any
* style found on Snazzy Maps.
* 4. Prevent map from being draggable.
* 5. Hide map/satellite toggle.
* 6. Hide "Street View" button.
*/
function init() {
var mapOptions = {
zoom: 15, /* [1] */
center: new google.maps.LatLng(LAT-VALUE, LNG-VALUE), /* [2] */
draggable: false, /* [4] */
mapTypeControl: false, /* [5] */
streetViewControl: false, /* [6] */
styles: /* [3] */
[{"stylers":[{"saturation":-100},{"gamma":1}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"all","elementType":"geometry.fill","stylers":[{"weight":"2.00"}]},{"featureType":"all","elementType":"geometry.stroke","stylers":[{"color":"#9c9c9c"}]},{"featureType":"all","elementType":"labels.text","stylers":[{"visibility":"on"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"landscape","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"landscape.man_made","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"color":"#eeeeee"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#7b7b7b"}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"color":"#ffffff"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"fill","stylers":[{"weight":"1.00"}]},{"featureType":"transit","elementType":"labels.icon","stylers":[{"visibility":"on"},{"hue":"#a3cd39"},{"gamma":1},{"saturation":"50"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#46bcec"},{"visibility":"on"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#c8d7d4"}]},{"featureType":"water","elementType":"labels.text.fill","stylers":[{"color":"#070707"}]},{"featureType":"water","elementType":"labels.text.stroke","stylers":[{"color":"#ffffff"}]}]
};
/*
* Get the HTML DOM element that will contain your map. We are using a div with
* id="map" seen below in the <body>
*/
var mapElement = document.getElementById('map');
/*
* Create the Google Map using our element and options defined above.
*
* 1. Map varible.
* 2. Marker variable so we can specify a retina image and resize.
*/
var map = new google.maps.Map(mapElement, mapOptions); /* [1] */
var mapIcon = new google.maps.MarkerImage("img/interface/map-marker@2x.png", null, null, null, new google.maps.Size(100,78)); /* [2] */
/*
* Let's also add a marker while we're at it.
*/
var marker = new google.maps.Marker({
position: new google.maps.LatLng(LAT-VALUE, LNG-VALUE),
map: map,
flat: true,
title: 'TITLE-HERE',
icon: mapIcon
});
}
希望有人能帮忙!
最佳答案
通过简单的 if/else 查询来检测页面上是否存在“ map ”id 标记是否可以解决该错误？
例如:
var mapElement = document.getElementById('map');
if (mapElement !== null) {
// draw the map
}
或者:
if (document.getElementById('map')) {
// draw the map
}
关于javascript - 未显示/使用 Google map 时出现控制台错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42345211/
25
4
0
我需要检查在我的 RCP 应用程序中启动时是否加载了某些包。我知道有一个“主机 OSGi 控制台”可以显示 Eclipse IDE 中所有插件的状态，但我对这些不感兴趣。 我执行了以下步骤来获取我的应
在 pdb/ipdb 调试中，有用的 interact 命令为我提供了一个功能齐全的交互式 Python 控制台。 但是，这似乎始终是“标准”Python 控制台，即使我使用 ipdb 开始也是如此。
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我搜索过但找不到答案:如何在运行 Emacs 时选择:文件、编辑、选项、缓冲区、工具、C++ 等下拉菜单在控制台模式下？不是终端菜单。 不，F10 不是答案。 最佳答案 如果不是 F10，那么 M-x
我正在制作一个每 20-40 秒截屏一次的 c# 控制台应用程序。 我试过到处找，但所有其他示例都没有使用控制台 这是我到目前为止所做的代码: using System; using System.D
尝试使用 terraform 控制台，新功能。 我使用 tfstate 进入我的项目并运行“terraform 控制台”。 我可以使用常规插值系统获取变量值、数据和资源。但是，模块很难破解，我无法正确
我正在尝试调试一段返回错误的 SQL。我不确定 django 或 mysql 是否处理错误，所以我想通过 django 控制台运行它。 有办法设置吗？ 提前致谢。 最佳答案 manage.py dbs
你好是否可以在 JPanel 中绘制 java 控制台返回的内容？你有教程可以遵循吗？谢谢开关 最佳答案 我不记得在哪里找到这个，但我已使用我称为 TextAreaOutputStream 的类将输出
我对 Xcode 甚至编程都有点陌生。 在 Xcode 中，在我的代码中，如何显示控制台并清除屏幕？ 我知道我可以使用 Xcode 首选项来完成此操作，但我想以编程方式完成此操作。 最佳答案 这对我有
我正在开发一个 C# 项目，我需要从没有 API 或 Web 服务的安全网站获取数据。我的计划是登录，访问我需要的页面，并解析 HTML 以获取记录到数据库所需的数据位。现在我正在使用控制台应用程序进
我是编程新手，正在尝试不同的在线事件以掌握它。我遇到了一个特定的问题，我想制作一个程序，用户输入一个值并打印一个特定的字符串。例如，当用户输入 0 时，将打印字符串“black”，输入 1 将打印字符
我想创建一个终端/控制台，用户可以在其中输入命令。我知道 java，但我是 xml 的新手，所以我想知道如何在文本下生成文本，如果它变得很长，它应该是可滚动的，这是一张图片: 这是我的 xml cpd
我有一个由随机生成的数字组成的 nxn 网格。我有一个标签显示 X 轴和 Y 轴的元素编号: 对于单个数字，它可以正确对齐，但是当网格大小增加时，标签会变得不成比例并且不会像这样对齐: 我想知道是否有
假设我创建了一个包含两个变量的结构。 struct mystruct{ public: string name; int age;}; class School :public mystruct{ p
我正在重写一个服务器程序，我想在其中添加一个简单的控制台输入。 目前，它只是提供数据并为它所做的每一件事打印出一两行，作为任何观看/调试的人的描述性措施。 我想要的是有一个始终位于底部的“粘性”输入栏
我必须编写启动另一个进程(GUI)的控制台应用程序。然后，使用其他应用程序或相同的选项，我必须能够停止子进程。此外，如果子进程从 GUI 关闭，则必须通知我执行最终任务(如果被杀死，则相同)。 我认为
我一直在尝试到处寻找以下问题的答案: Linux上的标准输出/控制台默认将内容保存到文件中吗？ 我不想保存内容或重定向输出(我已经知道这一点)，我只是想知道它是否已经通过 linux 中包含的某个默认
我正在尝试不同的事件，因为我是初学者并且想了解更多。我正在尝试在我的代码所在的同一行打印一个图案: int main() { int numOfWiggles; int count;
在我的一项小任务中，我被要求创建一个数组来存储从用户提供的输入中获取的姓名和地址，并且稍后能够从数组中删除姓名和地址。 如果能帮助我理解如何实现这一目标，我们将不胜感激，谢谢。 编辑 - 该数组将像地
如果您想在 Python shell 中查看特定模块中定义了哪些模块，一种选择是键入 dir(path.to.module)。不幸的是，这不仅列出了特定模块中定义的类或函数，还包括该模块导入的类或函数
我是一名优秀的程序员,十分优秀！