2013-07-16 178 views
0

我想簡單地重新創建Google Maps API教程的此頁面的地圖界面:https://developers.google.com/maps/documentation/javascript/examples/places-searchbox。因此,我希望在我的網頁上放置一張地圖,以便使用Google地方信息和Google地圖API自動完成搜索。在上面的鏈接中,他們發佈用於創建地圖界面的HTML代碼;然而,當我將代碼複製到記事本++並從中創建一個.html文件時,地圖不會出現。本教程中的代碼中是否存在錯誤(單擊「Java + HTML」代碼以查看它)?谷歌地圖api按位置搜索位置圖庫

+0

[當我在Google Maps JavaScript API v3中使用FusionTablesLayer時出現空白頁的重複](http://stackoverflow.com/questions/12789004/blank-page-when-i-use-fusiontableslayer-with-google-maps- javascript-api-v3) – geocodezip

+0

[Google map無法正常工作]的重複(http://stackoverflow.com/questions/12258101/google-map-does-not-work) – geocodezip

+0

[Google maps example not working ](http://stackoverflow.com/questions/16622265/google-maps-example-not-working) – geocodezip

回答

2

使用Chrome調試器,是缺少的東西是被請求

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

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"> 

,它會工作

+0

謝謝!修復了這個錯誤 – user1469730