1、先在谷歌地图上，注册一个网址的API接口KEY 2、我注册的是localhost本机地址，生成的key如下： ABQIAAAANpgrTJS0VJo_3Mnd4asV0BT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQ1qjKcPCry58uG062w8uCxECGTzg 3、新建一个普通的HTML文件，内容如下，记得KEY要换成你自己的，就可以了，下面就会显示成都的地图。很方便的 成都, 东经104.06, 北纬30.67 <!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps JavaScript API Example</title> <script src="http://maps.google.com/maps?file=api&v=2&sensor=true_or_false&key=ABQIAAAANpgrTJS0VJo_3Mnd4asV0BT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQ1qjKcPCry58uG062w8uCxECGTzg" type="text/javascript"></script> <script type="text/javascript"> //成都, 东经104.06, 北纬30.67 function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(30.67, 104.06), 13); map.setUIToDefault(); } } </script> </head> <body onload="initialize()" onunload="GUnload()"> <div id="map_canvas" style="width: 500px; height: 300px"></div> </body> </html>
评论