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

摘要:

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

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

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

 

 

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

 

一、標註

一句話代碼:  

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

  

參數說明

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

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

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

其他說明

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

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

 

使用場景

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

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

   

 

製作方法

   1、打開座標拾取器,取到經緯度:http://api.amap.com/LngLatPicker

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

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

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

   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/


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章