在建設(shè)網(wǎng)站中用到地圖是很常見(jiàn)的，在國(guó)內(nèi)大部分都是用百度地圖，但是有時(shí)候可能會(huì)用到國(guó)外地址，這時(shí)候就只能使用谷歌地圖了，下面就介紹常用網(wǎng)站中使用谷歌地圖方法集合。

一，使用框架引入谷歌地圖

用框架引入谷歌地址是最簡(jiǎn)單的方法，不是專(zhuān)業(yè)開(kāi)發(fā)人員也可以操作。登陸ditu.google.cn地圖，輸入地址信息，如："成都東方明珠"，把地圖移動(dòng)到合適的視角，點(diǎn)擊分享鏈接后，有兩個(gè)信息。第一個(gè)是一個(gè)網(wǎng)址，用于在瀏覽器中打開(kāi)的；第二個(gè)是一個(gè)框架的代碼，網(wǎng)站中通常使用這個(gè)代碼。把代碼復(fù)制到網(wǎng)站中去就可以了，里面可以自己設(shè)定度度，高度，語(yǔ)言等信息。

二，使用谷歌地圖api開(kāi)發(fā)

Api開(kāi)發(fā)必須要專(zhuān)業(yè)人員才可以的，要會(huì)javascript,和簡(jiǎn)單的html。

谷歌地圖api開(kāi)發(fā)文檔寫(xiě)的很全（如果打不開(kāi)請(qǐng)使用fanqiang軟件）：

說(shuō)明文檔：https://developers.google.com/maps/documentation/javascript/tutorial;

方法調(diào)用說(shuō)明：https://developers.google.com/maps/documentation/javascript/reference

Api參考：https://developers.google.com/maps/documentation/javascript/reference

示例代碼：https://developers.google.com/maps/documentation/javascript/examples/

文檔寫(xiě)的很詳細(xì)，要是全部閱讀下來(lái)至少要花幾個(gè)月以上時(shí)間，對(duì)于不是全部依賴(lài)地圖的網(wǎng)站來(lái)說(shuō)太多了，下面我們就，海外房地產(chǎn)用到地圖來(lái)演示。

1，首頁(yè)我們要在網(wǎng)頁(yè)中引入谷歌的javascript包：

<script src="http://maps.google.cn/maps/api/js?v=3.exp&sensor=false"></script>
注意：官方給出的是：https://maps.googleapis.com/maps/api/js 但是因?yàn)楣雀璞黄帘蔚脑驀?guó)內(nèi)使用這個(gè)谷歌api打不開(kāi)，所以建議使用google.cn這個(gè)引用地址

2，地圖函數(shù)

如果一個(gè)網(wǎng)站中有多處使用地圖如何使用呢？這里我建議大家建立一個(gè)單獨(dú)的文件，用于顯示地圖的，如在根目錄建議一個(gè)map.php，在iframe引用的時(shí)候傳入坐標(biāo)點(diǎn)，和標(biāo)記即可。

下面我給出了個(gè)地圖調(diào)用鏈接，如果你不想寫(xiě)代碼的話(huà)也可以直接調(diào)用的：

http://aaarwkj.com/demo/map/index.php?zuobiao=32.9556728100,112.5659179688&title=谷歌地圖標(biāo)記

如果覺(jué)得要獲取坐標(biāo)太麻煩，有沒(méi)有直接傳入地址就顯示的呢？

谷歌地圖這方面做的很全，很好。谷歌地圖給出了geocoder方向，也就是說(shuō)通過(guò)地址去獲取坐標(biāo)。那這樣就簡(jiǎn)單很多了，但是美中不足的是在內(nèi)地有時(shí)候打不開(kāi)。此刻你是不是有種*****(此處省略一萬(wàn)字)，

可以試著訪(fǎng)問(wèn)：http://aaarwkj.com/demo/map/map2.php?address=中國(guó)成都

把后面的地址改成你的地址看看是不是就獲取到了呢？具體代碼右擊源文件就看到了，這里就不做深入講解了。

這里大家簡(jiǎn)單的介紹一些常用的功能，如果你要深入開(kāi)發(fā)，還需要對(duì)官方的開(kāi)發(fā)文檔仔細(xì)閱讀。

當(dāng)前文章：網(wǎng)站建設(shè)中如何引入谷歌地圖代碼?
分享URL：http://aaarwkj.com/news43/33193.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)