javascript - 在没有 HTML 文档的情况下实现 Google Maps JavaScript API

标签 javascript html google-maps

我正在尝试开发一个应用程序,该应用程序必须是一个 JavaScript 文件才能在该应用程序应该运行的软件上读取。我想知道是否有一种方法可以在我的 UI 上实现谷歌地图,而无需使用 html 文件而只需要一个 Javascript 文件。

我目前的方法是使用 DOM 功能创建一个 UI。虽然这不是最好的方法,因为 DOM 函数通常用于操作现有对象,但这是我的局限性。我尝试使用 script = document.createElement("script") 和 document.script.textContent = "stuff"等命令创建脚本文件,但我遇到了异步问题。我放入的“东西”基于此处脚本标签之间的项目:https://developers.google.com/maps/documentation/javascript/tutorial

有没有其他方法可以仅使用 JavaScript 实现谷歌地图?

最佳答案

一个简单的谷歌地图有 4 个功能, 1)加载库, 2)用于初始化的javascript, 3)框架的HTML代码, 4) CSS 样式。

2-4很容易做到,用document.body.innerHTML=""就可以解决问题。对于1,我们可以使用document.body.appendChild(script);来加载库。

这是一个 Jsfiddle,其中 Google map 是在没有 HTML 文档的情况下实现的。
http://jsfiddle.net/effd4fxa/

希望对你有帮助

关于javascript - 在没有 HTML 文档的情况下实现 Google Maps JavaScript API,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31110772/

相关文章:

asp.net - 母版页图像未显示在内容页中?

html - 将 div 直接放在父 div 之上

javascript - 谷歌地图 API V2 : How to add markers which behave like the default google maps markers

Javascript - 需要单独的符号

javascript - 使用 Gulp 和 Browserify 捆绑多个文件

AJAX 成功函数上的 Javascript/AJAX 当前输入

google-maps - 谷歌地图静态API中的自定义图标 anchor

java - Android 谷歌地图在生产时显示白屏

javascript - 在 Node.js 中使用异步时出错

javascript - Angular ui-select 不显示