摘要:javascript
遙想當年,在APP中加入LBS元素至關困難:要刻苦學習java,要刻苦學習iOS開發,要刻苦學習javascript……java
而現在,要製做一張地圖真是愈來愈容易了!居然只須要一句話,就能夠打點,導航,定位,顯示交通流量等。web
讓咱們一塊兒來輕鬆一下吧~api
------------------------------------華麗分割線-----------------------------------------瀏覽器
1、標註
一句話代碼:ide
http://mo.amap.com/navi?dest=parameter1&destName=parameter2&hideRouteIcon=1&key=parameter3學習
參數說明:code
parameter1爲興趣點(如飯店)的經緯度,必填。htm
parameter2爲興趣點(如飯店)的名字,選填。ip
parameter3爲開發者申請的開發KEY。
其餘說明:
右上角自帶交通流量按鈕;
左下角自帶瀏覽器定位按鈕。
使用場景:
某藝術公司的經理名片上,有一個位置二維碼。掃描該二維碼,能夠出現一張地圖。
你們能夠掃一掃下面的二維碼喔。
製做方法:
一、打開座標拾取器,取到經緯度:http://api.amap.com/LngLatPicker
好比地址是「北京市朝陽區靜安裏26號」,獲得的經緯度是「116.448477,39.959335」。這是GCJ-02的經緯度,也是火星座標,國內標準座標喔。
二、爲地點起個名字,好比「真善美藝術公司」。
三、得到一個key:http://api.amap.com/key/
四、將以上三個參數,填入一句話代碼中便可。
好比,用短地址生成器,生成短地址:http://t.cn/RPOUC3Q 再用二維碼生成器http://www.liantu.com/,生成二維碼。
2、導航
一句話代碼:
http://mo.amap.com/navi?start=&dest=parameter1&destName=parameter2&key=parameter3
參數說明:徹底同上。
其餘說明:
一、起點會自動定位到您當前的位置,NB吧!實際上是默認瀏覽器定位了,歐耶。
二、若是要指定起點,就在「start=」這裏加上經緯度就行。
使用場景:
最典型的例子,就是大衆點評一類的APP。
只需點擊餐館地址,無需安裝任何地圖應用,便可獲得一個帶定位、帶導航的輕地圖。
製做方法:
就是標註的一句話代碼增長一個參數「start=」,再去掉一個參數「hideRouteIcon=1」。
------------------------------------華麗分割線-----------------------------------------
《一句話搞定webmap之輕地圖組件》
是否是特別簡單?
特色:輕便 快捷 易用