高德地圖JS-API (超簡單Get新技能√)

  上幾章咱們研究了百度地圖SDK的用法,雖然不難可是配置起來也是至關的繁瑣,如今高德LBS開放平臺推出了基於HTML5的地圖組件,咱們能夠經過WebView直接用URL 以GET方式進行請求就能夠實現位置標註,路線規劃,周邊搜索的功能,大大簡化了咱們的工做量,並且不須要導入任何的文件,下面爲你們介紹一下。android

第一步:申請Key

同百度地圖同樣仍是須要申請一個Key,可是申請步驟十分簡單。web

網址: http://lbs.amap.com網絡

一、輸入應用名稱。ide

二、選擇JavaScript APIspa

三、點擊獲取Key3d

第二步: 配置URL

功能1:位置標註code

示例說明orm

http://m.amap.com/navi/?dest=121.442946,37.468676&destName=傑瑞教育&hideRouteIcon=1&key=(您申請的key)blog

參數說明:ip

效果圖:

功能2:路線規劃

示例說明

http://m.amap.com/navi/?start=121.442946,37.468676&dest=121.447967,37.464418&destName=一條駕車路線&key=(您申請的key)

參數說明:

效果圖

功能3:周邊搜索

示例說明

http://m.amap.com/around/?locations=121.442946,37.468676&keywords=美食,KTV,公交站&defaultIndex=3&defaultView=map&searchRadius=5000&key=(您申請的key)

參數說明:

效果圖:

最後由於咱們是使用WebView進行加載URL,不要忘了加入訪問網絡的權限:

<uses-permission android:name="android.permission.INTERNET"></uses-permission>

  到這裏就已經所有介紹完了,是否是超級簡單呢,由於是用URL進行訪問不只支持Android和IOS 並且在PC上同樣能夠打開,趕忙試試吧

 

做者:傑瑞教育
出處: http://www.cnblogs.com/jerehedu/ 
版權聲明:本文版權歸 傑瑞教育 技有限公司和博客園共有,歡迎轉載,但未經做者贊成必須保留此段聲明,且在文章頁面明顯位置給出原文鏈接,不然保留追究法律責任的權利。
技術諮詢:JRedu技術交流
相關文章
相關標籤/搜索