一句話搞定webmap（一）——輕地圖組件

標籤：des   style   blog   http   color   java   使用   os   

摘要：

遙想當年，在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/