點擊次數(shù):8721 發(fā)布時間:2015-6-24
最近在網(wǎng)上找了很久也沒有找到比較好的GOOGLE地圖的使用方法,所以我們創(chuàng)億互動里技術(shù)部的一位同事花了半天時間,經(jīng)過對多篇文章研究后,整理出以下的方法,希望對從事貴陽網(wǎng)站建設(shè)行業(yè)的朋友有幫助。
演示頁面:
使用Google MAP API顯示Google MAP,可以自定義坐標(biāo), 加入自己的描述, 等等。
使用步驟:
1。申請API密鑰,只需要登錄 ,輸入網(wǎng)站的網(wǎng)址,如: ,填寫完畢按“生成API密鑰”即可。
2。加載Google地圖API,在網(wǎng)頁<head></head>加入,
復(fù)制代碼
其中 key為第一步生成的API密鑰,注意:此js為UTF-8編碼的,所以頁面也最好能用UTF-8編碼,否則在IE可能會提示錯誤
3。在<body></body>設(shè)置一個容器,用來顯示Google MAP,如演示頁面中,加入了
復(fù)制代碼
4。在頁面加載完畢后,初始化Google MAP,需要在<body>加入onLoad事件和onUnload事件,如
復(fù)制代碼
,其中 load() 是自定義的初始函數(shù),GUnload為API內(nèi)置的卸載函數(shù)。load()函數(shù)如下:
復(fù)制代碼
更詳細(xì)的說明,參考: