第三版的Google地圖不再需要密鑰了,對於開發人員來說,更簡單了,只需複製粘貼
<!DOCTYPE html><html><head><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css">html {height: 100%}body {height: 100%;margin: 0px;padding: 0px}#map_canvas {height: 100%}</style><script type="text/javascript"src="https://maps.google.com/maps/api/js?sensor=false"></script><script type="text/javascript">function initialize() {var latlng = new google.maps.LatLng(34.306, -251);var myOptions = {zoom : 12,center : latlng,mapTypeId : google.maps.MapTypeId.ROADMAP};var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);}</script></head><body onload="initialize()"><div id="map_canvas" style="width:100%; height:100%"></div></body></html>
使用的時候,設定所在位置即可,本例預設設定為西安
以上樣本源碼來自https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-CN#api_key