一句話搞定webmap(一)——輕地圖組件

摘要: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之輕地圖組件》

是否是特別簡單?

特色:輕便 快捷 易用

快點用起來 http://lbs.amap.com/api/lightmap/summary/

相關文章
相關標籤/搜索