一句话搞定webmap（一）——轻地图组件

摘要：

遥想当年，在APP中加入LBS元素至关困难：要刻苦学习java，要刻苦学习iOS开发，要刻苦学习javascript……

而现在，要制做一张地图真是愈来愈容易了！居然只须要一句话，就能够打点，导航，定位，显示交通流量等。

让咱们一块儿来轻松一下吧~

------------------------------------华丽分割线-----------------------------------------

1、标注
一句话代码：

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

参数说明：

parameter1为兴趣点（如饭店）的经纬度，必填。

parameter2为兴趣点（如饭店）的名字，选填。

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/