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