一句話搞定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

  

參數說明學習

   parameter1爲興趣點(如飯店)的經緯度,必填。url

   parameter2爲興趣點(如飯店)的名字,選填。spa

   parameter3爲開發者申請的開發KEY。orm

其餘說明

   右上角自帶交通流量按鈕;

   左下角自帶瀏覽器定位按鈕。

 

使用場景

   某藝術公司的經理名片上,有一個位置二維碼。掃描該二維碼,能夠出現一張地圖。

   你們能夠掃一掃下面的二維碼喔。

   

 

製做方法

   一、打開座標拾取器,取到經緯度: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/

相關文章
相關標籤/搜索