【高德地圖API】一句話搞定webmap(一)——輕地圖元件

酸奶小妹發表於2014-08-12

摘要:

遙想當年,在APP中加入LBS元素相當困難:要刻苦學習java,要刻苦學習iOS開發,要刻苦學習javascript……

而如今,要製作一張地圖真是越來越容易了!竟然只需要一句話,就可以打點,導航,定位,顯示交通流量等。

讓我們一起來輕鬆一下吧~

 

 

------------------------------------華麗分割線-----------------------------------------

 

一、標註

一句話程式碼:  

http://mo.amap.com/navi?dest=parameter1&destName=parameter2&hideRouteIcon=1&key=parameter3

  

引數說明

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

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

   parameter3為開發者申請的開發KEY。

其他說明

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

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

 

使用場景

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

   大家可以掃一掃下面的二維碼喔。

   

 

製作方法

   1、開啟座標拾取器,取到經緯度:http://lbs.amap.com/console/show/picker

        比如地址是“北京市朝陽區靜安裡26號”,得到的經緯度是“116.448477,39.959335”。這是GCJ-02的經緯度,也是火星座標,國內標準座標喔。

   2、為地點起個名字,比如“真善美藝術公司”。

   3、獲得一個key:http://lbs.amap.com/console/

   4、將以上三個引數,填入一句話程式碼中即可。

        比如,用短地址生成器,生成短地址:http://t.cn/RPOUC3Q

        再用二維碼生成器http://www.liantu.com/,生成二維碼。

 

二、導航

一句話程式碼

http://mo.amap.com/navi?start=&dest=parameter1&destName=parameter2&key=parameter3

 

引數說明:完全同上。

其他說明

   1、起點會自動定位到您當前的位置,NB吧!其實是預設瀏覽器定位了,歐耶。

   2、如果要指定起點,就在“start=”這裡加上經緯度就行。

 

使用場景

   最典型的例子,就是大眾點評一類的APP。

   只需點選餐館地址,無需安裝任何地圖應用,即可得到一個帶定位、帶導航的輕地圖。

       

 

製作方法

   就是標註的一句話程式碼增加一個引數“start=”,再去掉一個引數“hideRouteIcon=1”。

 

 

------------------------------------華麗分割線-----------------------------------------

 

《一句話搞定webmap之輕地圖元件》

是不是特別簡單?

特點:輕便 快捷 易用

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

相關文章