Google Maps v3 api for localhost无法正常工作
我想尝试一下实现Gmaps v3的示例演示，并从Google的文档中尝试了这个示例，但没有输出，页面只加载了几秒钟，然后空白，没有输出。
<!DOCTYPE html> <html lang = "en"> <head> <style type="text/css"> html{height: 100%} body{height: 100%; margin: 0; padding: 0} #map-canvas{height: 100%} </style> <title>GMaps Demo</title> <script src = "https://maps.googleapis.com/maps/api/js? key=${API_KEY}&sensor=false"> </script> <script> function initialize(){ var mapOptions = { center: new google.maps.LatLng(-34.397, 150.644), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = google.maps.Map( document.getElementById("map-canvas"), mapOptions); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id = "map-canvas"> </div> </body> </html> 首先：谷歌地图3不再需要一个API密钥，所以你很好
https://maps.googleapis.com/maps/api/js?sensor=false
作为一个URL。
（正如Jeff Hoye指出的，截至2016年6月22日，API密钥又是必需的。）
然后你忘了这一行中的“新”
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
随着这些变化，你的地图将被显示。
现在，如果没有API密钥，Google地图无法运行…参考： https ： //console.cloud.google.com/apis
这很容易！ 在新的API代码中，您应该input您的推荐人。 所以对于你的localhosttesting：
保持空置
这里也是google的api解释：
Accept requests from these HTTP referrers (web sites) (Optional) Use asterisks for wildcards.
如果您保留这个空白，请求将被任何引用者接受。
确保在生产中使用此密钥之前添加引用。
- 只有使用AJAX时，Google Maps API才会抛出“Uncaught ReferenceError：google未定义”
- 如何以像素为单位偏移Google地图（API v3）的中心？
- Google Maps API v3 infowindowclosures事件/callback？
- 如何在Google地图API中沿着始发地和目的地之间的路线获取地点（例如加油站）
- 居中/设置地图缩放以覆盖所有可见的标记？
- 如何检查Google Maps API是否已加载？
- 如何在Google Maps V3中创build编号的地图标记？
- Google地图API V3方法fitBounds（）
- 在Google地图中确认一个点是Land还是Water
