一句话搞定webmap(一)——轻地图组件
摘要:
遥想当年。在APP中增加LBS元素相当困难:要刻苦学习java,要刻苦学习iOS开发,要刻苦学习javascript……
而现在。要制作一张地图真是越来越easy了!居然仅仅须要一句话。就能够打点,导航,定位,显示交通流量等。
让我们一起来轻松一下吧~

------------------------------------华丽切割线-----------------------------------------
一、标注
一句话代码:
http://mo.amap.com/navi?dest=parameter1&destName=parameter2&hideRouteIcon=1&key=parameter3
參数说明:
parameter1为兴趣点(如饭店)的经纬度,必填。
parameter2为兴趣点(如饭店)的名字,选填。
parameter3为开发人员申请的开发KEY。
其它说明:
右上角自带交通流量button;
左下角自带浏览器定位button。
使用场景:
某艺术公司的经理名片上,有一个位置二维码。扫描该二维码,能够出现一张地图。
大家能够扫一扫以下的二维码喔。

制作方法:
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之轻地图组件》
是不是特别简单?
特点:轻便 快捷 易用
一句话搞定webmap(一)——轻地图组件的更多相关文章
- 【高德地图API】一句话搞定webmap(一)——轻地图组件
原文:[高德地图API]一句话搞定webmap(一)——轻地图组件 摘要: 遥想当年,在APP中加入LBS元素相当困难:要刻苦学习java,要刻苦学习iOS开发,要刻苦学习javascript…… 而 ...
- AFNetworking3.0+MBProgressHUD二次封装,一句话搞定网络提示
对AFNetworking3.0+MBProgressHUD的二次封装,使用更方便,适用性非常强: 一句话搞定网络提示: 再也不用担心网络库更新后,工程要修改很多地方了!网络库更新了只需要更新这个封装 ...
- (转载)Android快速开发偷懒必备,一句话搞定所有ViewGroup的Adapter . 支持自定义ViewGroup
[置顶] [Android]快速开发偷懒必备,一句话搞定所有ViewGroup的Adapter . 支持自定义ViewGroup 标签: androidAdapter快速开发0耦合 2016-12-1 ...
- 我和小美的撸码日记(3)之一句话搞定MVC表单页数据绑定与提交
“尼玛哥,你今天有空么?” “今天周日呀,怎么会没空,你这是要约么?麻辣烫凉皮我都吃,在哪儿,我一会儿就到.” “约你妹呀,我昨天都加一天班了,东西到现在还没搞完,你给我快点过来呀,我需要你!” “别 ...
- 一句话搞定python六剑客
六剑客 一行搞定六剑客:三个函数:map filter reduce + lambda 切片 推导列表 python最有特点的一行代码,所有代码均可以借用一行代码(目标) 1.map(函数,列表或者字 ...
- 一分钟搞定AlloyTouch图片轮播组件
轮播图也涉及到触摸和触摸反馈,同时,AlloyTouch可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹. 除了一般的竖向滚动,AlloyTouch也可以支持横向滚动,甚至 ...
- 一句话搞定IOS中View的Frame和Bound
就一句话,Frame是父View上看到子View的窗户,Bound是子View上可以被父View看见的内容. 稍微解释下.Frame 指子View在父View中的位置以及大小.由两部分构成,第一部分是 ...
- asp.net 一句话搞定分页
rows 是客户端传过来的行数,page是页码,传参就需要就两个参数就行,sql语句中_row 和_page 自己声明的局部变量,值还是相应的row 和page ,为了运算而已. 用数据库类获得它的D ...
- android一句话搞定图片加载
http://square.github.io/picasso/ Picasso.with(context).load("http://i.imgur.com/DvpvklR.png&quo ...
随机推荐
- 绕过校园网WEB认证_dns2tcp实现
相信很多高校学生都有用WEB认证方式接入校园网的经历 拿我所在的大学为例,我们大学的校园网由联通公司承建,当我连上寝室的无线路由器后,浏览器会自动弹出一个由卓智公司开发的认证界面,如下图: 如果买了联 ...
- Spring框架学习之注解配置与AOP思想
上篇我们介绍了Spring中有关高级依赖关系配置的内容,也可以调用任意方法的返回值作为属性注入的值,它解决了Spring配置文件的动态性不足的缺点.而本篇,我们将介绍Spring的又一大核心 ...
- 用Nodejs+Express搭建web,nodejs路由和Ajax传数据并返回状态,nodejs+mysql通过ajax获取数据并写入数据库
小编自学Nodejs,看了好多文章发现都不全,而且好多都是一模一样的 当然了,这只是基础的demo,经供参考,但是相信也会有收获 今天的内容是用Nodejs+Express搭建基本的web,然后呢no ...
- VS2015 使用Xunit来进行单元测试
安装Xunit: Xunit的安装现在不需要插件支持了,直接使用NuGet安装如下两个库即可: PM> Install-Package xunit PM> Install-Package ...
- 收集—— css实现垂直居中
Method1: 在父元素上设置display:table-cell;vertical-align:middle(父元素不能设置浮动) Method2: 使用flex:父元素设置成display: f ...
- 基于QEMU的ARM Cortex-A9开发板Vexpress-ca9的Linux内核的编译和运行
宿主机:Ubuntu16.04 x64(Linux内核4.4.0) 交叉编译工具链:gcc-arm-linux-gnueabiarm-linux-gcc:4.4.3QEMU:2.5.0Linux ke ...
- java非阻塞IO(NIO)流程
单线程 多线程(Netty/Mina)
- 你不得不看的Python机器学习工具
IEEE Spectrum排行榜第一,Skill UP排名第一的开发工具,Stack Overflow年度调查中程序员最感兴趣的选择,Stack Overflow 6月份访问量最多的编程语言..... ...
- 二:Redis快速入门及应用
Redis的使用难吗?不难,Redis用好容易吗?不容易.Redis的使用虽然不难,但与业务结合的应用场景特别多.特别紧,用好并不容易.我们希望通过一篇文章及Demo,即可轻松.快速入门并学会应用. ...
- Google Python编程规范
http://pan.baidu.com/s/1dD1Ra7J 其他语言的编程风格: http://zh-google-styleguide.readthedocs.org/en/latest/