- 論壇徽章:
- 0
|
1.首先需要申請一個(gè)GOOGLE的帳戶,可以在這里申請https://www.google.com/accounts/ ... le.cn/&hl=zh-CN
(雖然說是免費(fèi)的東西,但怎么都用的是人家的貨,哎,人在屋檐下不得不低頭。
2.有了一個(gè)自己的google帳戶后就可以向google申請一個(gè)使用GOOGLE MAPS API的密匙,申請時(shí)需要填入你的google帳戶名和你要在哪個(gè)網(wǎng)站上使用GOOGLE MAPS API的網(wǎng)站的域名(沒有自己域名的可以下載一個(gè)花生殼軟件,然后自己注冊個(gè)一個(gè)域名就可以了;ㄉ鷼す俜较螺d地址http://www.oray.cn/PeanutHull/PeanutHull_Download.asp)
在這里申請密匙http://code.google.com/intl/zh-CN/apis/maps/signup.html
3.申請完之后google會(huì)自動(dòng)幫你生成一個(gè)測試網(wǎng)頁,大概的代碼如下:
復(fù)制內(nèi)容到剪貼板
代碼:
<!DOCTYPE html PUBLIC "-//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&key=ABQIAAAAISetqWWIA5X96bWJUPC4FxQRG4sgvVc63cl_aTu7pJrBWLekihRhsHtLXg6zK3pXSKMQSMeWR79c3w"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(39.917, 116.397), 14);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
key=ABQIAAAAISetqWWIA5X96bWJUPC4FxQRG4sgvVc63cl_aTu7pJrBWLekihRhsHtLXg6zK3pXSKMQSMeWR79c3w
等號(hào)后面不知所云的一長串部分是我申請時(shí)google給我的密匙,把它改成你申請時(shí)得到的密匙就可以了
替換密匙之后直接把上面這段代碼拷貝到你的網(wǎng)頁編輯工具里面,我用的是vs2008,運(yùn)行測試就可以了 |
|