【高德地图API】一句话搞定webmap(一)——轻地图组件

简介: 原文:【高德地图API】一句话搞定webmap(一)——轻地图组件 摘要: 遥想当年,在APP中加入LBS元素相当困难:要刻苦学习java,要刻苦学习iOS开发,要刻苦学习javascript…… 而如今,要制作一张地图真是越来越容易了!竟然只需要一句话,就可以打点,导航,定位,显示交通流量等。

原文:【高德地图API】一句话搞定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://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/

目录
相关文章
|
2月前
|
缓存 API 定位技术
使用Python调用百度地图API实现地址查询
使用Python调用百度地图API实现地址查询
199 0
|
1天前
|
消息中间件 API 数据库
在微服务架构中,每个服务通常都是一个独立运行、独立部署、独立扩展的组件,它们之间通过轻量级的通信机制(如HTTP/RESTful API、gRPC等)进行通信。
在微服务架构中,每个服务通常都是一个独立运行、独立部署、独立扩展的组件,它们之间通过轻量级的通信机制(如HTTP/RESTful API、gRPC等)进行通信。
11 2
|
20天前
|
API Android开发 开发者
`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView
【6月更文挑战第26天】`RecyclerView`是Android API 21引入的UI组件,用于替代ListView和GridView。它提供高效的数据视图复用,优化的布局管理,支持多种布局(如线性、网格),并解耦数据、适配器和视图。RecyclerView的灵活性、性能(如局部刷新和动画支持)和扩展性使其成为现代Android开发的首选,特别是在处理大规模数据集时。
28 2
|
15天前
|
JavaScript 前端开发 定位技术
vue 使用 vue-jsonp 解决跨域请求问题(访问百度地图API)
vue 使用 vue-jsonp 解决跨域请求问题(访问百度地图API)
21 0
|
19天前
|
域名解析 JavaScript 网络协议
技术心得记录:如何使用google地图的api(整理)
技术心得记录:如何使用google地图的api(整理)
28 0
|
21天前
|
JavaScript API
【Vue3的组合式API】超详细教程,含computed、watch、组件通信、模版引用......
【Vue3的组合式API】超详细教程,含computed、watch、组件通信、模版引用......
|
2月前
|
定位技术 API
Angular 调用导入百度地图API接口,2024春招BAT面试真题详解
Angular 调用导入百度地图API接口,2024春招BAT面试真题详解
|
2月前
|
API 定位技术 开发工具
Android Studio2021.1.1 高德地图api调用这一篇就够了
Android Studio2021.1.1 高德地图api调用这一篇就够了
|
2月前
|
数据采集 分布式计算 DataWorks
DataWorks产品使用合集之DataWorks数据地图中的数据发现相关api接口调用如何解决
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
35 0
|
2月前
|
前端开发 BI API
API函数式组件封装逻辑
API函数式组件封装逻辑
22 0