在建設(shè)網(wǎng)站中用到地圖是很常見的,在國內(nèi)大部分都是用百度地圖,但是有時候可能會用到國外地址,這時候就只能使用谷歌地圖了,下面就介紹常用網(wǎng)站中使用谷歌地圖方法集合。
一,使用框架引入谷歌地圖
用框架引入谷歌地址是最簡單的方法,不是專業(yè)開發(fā)人員也可以操作。登陸ditu.google.cn地圖,輸入地址信息,如:"上海東方明珠",把地圖移動到合適的視角,點擊分享鏈接后,有兩個信息。第一個是一個網(wǎng)址,用于在瀏覽器中打開的;第二個是一個框架的代碼,網(wǎng)站中通常使用這個代碼。把代碼復(fù)制到網(wǎng)站中去就可以了,里面可以自己設(shè)定度度,高度,語言等信息。
二,使用谷歌地圖api開發(fā)
Api開發(fā)必須要專業(yè)人員才可以的,要會javascript,和簡單的html。
谷歌地圖api開發(fā)文檔寫的很全(如果打不開請使用fanqiang軟件):
說明文檔:https://developers.google.com/maps/documentation/javascript/tutorial
方法調(diào)用說明: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/
文檔寫的很詳細,要是全部閱讀下來至少要花幾個月以上時間,對于不是全部依賴地圖的網(wǎng)站來說太多了,下面我們就,海外房地產(chǎn)用到地圖來演示。
1,首頁我們要在網(wǎng)頁中引入谷歌的javascript包:
<script src="http://maps.google.cn/maps/api/js?v=3.exp&sensor=false"></script>
注意:官方給出的是:https://maps.googleapis.com/maps/api/js 但是因為谷歌被屏蔽的原因國內(nèi)使用這個谷歌api打不開,所以建議使用google.cn這個引用地址
2,地圖函數(shù)
如果一個網(wǎng)站中有多處使用地圖如何使用呢?這里我建議大家建立一個單獨的文件,用于顯示地圖的,如在根目錄建議一個map.php,在iframe引用的時候傳入坐標點,和標記即可。
下面我給出了個地圖調(diào)用鏈接,如果你不想寫代碼的話也可以直接調(diào)用的:
http://www.4i0b5gc.cn/demo/map/index.php?zuobiao=32.9556728100,112.5659179688&title=谷歌地圖標記
如果覺得要獲取坐標太麻煩,有沒有直接傳入地址就顯示的呢?
谷歌地圖這方面做的很全,很好。谷歌地圖給出了geocoder方向,也就是說通過地址去獲取坐標。那這樣就簡單很多了,但是美中不足的是在內(nèi)地有時候打不開。此刻你是不是有種*****(此處省略一萬字),
可以試著訪問:http://www.4i0b5gc.cn/demo/map/map2.php?address=中國上海
把后面的地址改成你的地址看看是不是就獲取到了呢?具體代碼右擊源文件就看到了,這里就不做深入講解了。
這里大家簡單的介紹一些常用的功能,如果你要深入開發(fā),還需要對官方的開發(fā)文檔仔細閱讀。