天天看點

【百度地圖API】百度API衛星圖使用方法和衛星圖對比工具

百度地圖API推出衛星圖接口也有一個月啦~  

本文除了介紹如何使用百度地圖API來操作衛星圖外,還順帶制作了個衛星圖對比工具。

一、百度地圖API衛星圖

調用百度衛星圖有兩種方式,一是地圖類型控件,一是地圖底圖設定。下面分别介紹這兩種方法:

1、利用控件

使用控件有一大優勢,就是地圖類型控件上,有百度全部的地圖類型,比如二維、三維、衛星等。

而且,隻需要一句話,就能簡單加上這個控件。

看到下圖中,右上角那個控件了麽?這個就是地圖類型控件啦~

添加她隻需一句話,很簡單吧。

【百度地圖API】百度API衛星圖使用方法和衛星圖對比工具

全部源代碼:

更多關于地圖類型控件的知識:(初學者可不看,上面的代碼已經足夠用啦~)

MapTypeControl是負責切換地圖類型的控件,此類繼承Control所有功能。

【百度地圖API】百度API衛星圖使用方法和衛星圖對比工具
【百度地圖API】百度API衛星圖使用方法和衛星圖對比工具

MapTypeControlOptions表示MapTypeControl構造函數的可選參數。它沒有構造函數,但可通過對象字面量形式表示(自 1.2 新增)。

【百度地圖API】百度API衛星圖使用方法和衛星圖對比工具

MapTypeControlType常量表示MapTypeControl的外觀樣式(自 1.2 新增)。

【百度地圖API】百度API衛星圖使用方法和衛星圖對比工具

下面來看看第二種方法。如果你隻需要衛星圖,不需要别的地圖類型,你就需要下面這種方法了。同樣相當簡單,也是一句話就搞定的事情~

2、修改地圖底圖預設設定

二、衛星圖對比工具

先來看圖。下圖中,左邊是百度的衛星圖,右邊是谷歌的衛星圖。

大家可以看到,無論是顔色,還是街道資料,都有明顯的不同。

當然,如果你學會這些代碼,你還可以将其他家API的衛星圖拿來對比呀~~

【百度地圖API】百度API衛星圖使用方法和衛星圖對比工具

對比工具主要是有以下功能:

1、同時展示百度和谷歌的衛星圖

2、拖動谷歌地圖,百度地圖跟着動(關聯效果)

給谷歌地圖添加拖拽事件,同理,也可以給百度地圖添加。

在這裡取了近似值,沒有使用坐标轉換工具。如果使用的話,應該會更加準确的。(搜尋線性轉換,或者直接看源代碼)

3、放大縮小谷歌地圖,百度地圖也跟着放大和縮小

原理同上。谷歌的地圖級别比百度小,是以要找一個地圖級别的對應關系。大概是

繼續閱讀