google maps api 使用 Places 库按位置搜索

Question

我想简单地重新创建 Google Maps API 教程这个页面的地图界面：https://developers.google.com/maps/documentation/javascript/examples/places-searchbox。所以，我想在我的网页上有一张地图，可以使用 Google Places and Maps API 自动完成按位置搜索。在上面的链接中，他们发布了用于创建地图界面的 HTML 代码；但是，当我将代码复制到 notepad++ 并从中创建一个 .html 文件时，地图不会出现。教程中的代码是否有bug（点击“Java+HTML”代码查看）？

Answer 1

使用 chrome 调试器，缺少的是正在请求的 css 文件

failed to load resource:  file://localhost/maps/documentation/javascript/examples/default.css

您需要将 html 中的 css 样式表的 url 更改为：

<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">

到：

<link href="https://developers.google.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">

它会起作用的